﻿{[ define "main/index.html" ]}
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="referrer" content="never" />
    <link rel="icon"
          href="https://gw.alicdn.com/imgextra/i3/O1CN01aj9rdD1GS0E8io11t_!!6000000000620-73-tps-16-16.ico">
    <link href="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.1/css/mdui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/ionicons@2.0.1/css/ionicons.min.css" />
    <title>{[ .title ]}</title>
    <script type="text/javascript" async="" src="https://g.alicdn.com/sd/baxia-entry/index.js?t=225044"
            id="aplus-baxia"></script>
    <script type="text/javascript" async="" src="https://g.alicdn.com/secdev/entry/index.js?t=225044"
            id="aplus-sufei"></script>
    <script type="text/javascript" async="" src="https://g.alicdn.com/sd/baxia-entry/index.js?t=225044"
            id="aplus-baxia"></script>
    <script defer="defer" src="https://g.alicdn.com/aliyun-drive-fe/aliyun-drive/2.0.13-share/share/bundle.js">
    </script>
    <script async="" src="//log.mmstat.com/eg.js?t=1620358103142"></script>
    <style>
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
            border: 0;
            font-size: 100%;
            font-family: inherit;
            vertical-align: baseline
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section {
            display: block
        }

        *[hidden] {
            display: none
        }

        menu,
        ol,
        ul {
            list-style: none
        }

        blockquote,
        q {
            quotes: none
        }

        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: "";
            content: none
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }
    </style>
    <style>
        :root {
            --basic_white: #fff;
            --basic_white_secondary: rgba(255, 255, 255, 0.72);
            --basic_white_tertiary: rgba(255, 255, 255, 0.36);
            --basic_white_quarternary: rgba(255, 255, 255, 0.18);
            --basic_black: #000;
            --basic_elevated: #313136;
            --basic_elevated_blur: rgba(49, 49, 54, 0.76);
            --background_primary-op: rgba(255, 255, 255, 0);
            --background_primary: #fff;
            --background_secondary: #f5f5f6;
            --background_tertiary: #fff;
            --background_primary_blur: rgb(255, 255, 255);
            --background_secondary_blur: rgb(245, 245, 246);
            --background_tertiary_blur: rgb(255, 255, 255);
            --bg-blur: saturate(150%) blur(30px);
            --group_primary: var(--background_secondary);
            --group_secondary: var(--background_primary);
            --group_tertiary: var(--background_secondary);
            --context: 37, 38, 43;
            --context_primary: rgb(var(--context));
            --context_secondary: rgba(var(--context), 0.72);
            --context_tertiary: rgba(var(--context), 0.36);
            --context_quarternary: rgba(var(--context), 0.18);
            --divider: 132, 133, 141;
            --divider_primary: rgba(var(--divider), 0.2);
            --divider_secondary: rgba(var(--divider), 0.16);
            --divider_tertiary: rgba(var(--divider), 0.08);
            --divider_overlay: rgba(0, 0, 0, 0.24);
            --theme: 99, 125, 255;
            --theme_primary: rgb(var(--theme));
            --theme_secondary: rgba(var(--theme), 0.48);
            --theme_tertiary: rgba(var(--theme), 0.24);
            --theme_quarternary: rgba(var(--theme), 0.12);
            --theme_hover: rgb(122, 144, 255);
            --theme_active: rgb(82, 110, 250);
            --red: 243, 91, 81;
            --red_primary: rgb(var(--red));
            --red_secondary: rgba(var(--red), 0.48);
            --red_tertiary: rgba(var(--red), 0.24);
            --red_quarternary: rgba(var(--red), 0.12);
            --red_hover: rgb(255, 111, 102);
            --red_active: rgb(237, 80, 69);
            --orange: 255, 163, 26;
            --orange_primary: rgb(var(--orange));
            --orange_secondary: rgba(var(--orange), 0.48);
            --orange_tertiary: rgba(var(--orange), 0.24);
            --orange_quarternary: rgba(var(--orange), 0.12);
            --yellow: 254, 208, 38;
            --yellow_primary: rgb(var(--yellow));
            --yellow_secondary: rgba(var(--yellow), 0.48);
            --yellow_tertiary: rgba(var(--yellow), 0.24);
            --yellow_quarternary: rgba(var(--yellow), 0.12);
            --green: 19, 203, 54;
            --green_primary: rgb(var(--green));
            --green_secondary: rgba(var(--green), 0.48);
            --green_tertiary: rgba(var(--green), 0.24);
            --green_quarternary: rgba(var(--green), 0.12);
            --seagreen: 9, 153, 112;
            --seagreen_primary: rgb(var(--seagreen));
            --seagreen_secondary: rgba(var(--seagreen), 0.48);
            --seagreen_tertiary: rgba(var(--seagreen), 0.24);
            --seagreen_quarternary: rgba(var(--seagreen), 0.12);
            --teal: 31, 203, 247;
            --teal_primary: rgb(var(--teal));
            --teal_secondary: rgba(var(--teal), 0.48);
            --teal_tertiary: rgba(var(--teal), 0.24);
            --teal_quarternary: rgba(var(--teal), 0.12);
            --blue: 38, 125, 255;
            --blue_primary: rgb(var(--blue));
            --blue_secondary: rgba(var(--blue), 0.48);
            --blue_tertiary: rgba(var(--blue), 0.24);
            --blue_quarternary: rgba(var(--blue), 0.12);
            --indigo: 140, 90, 248;
            --indigo_primary: rgb(var(--indigo));
            --indigo_secondary: rgba(var(--indigo), 0.48);
            --indigo_tertiary: rgba(var(--indigo), 0.24);
            --indigo_quarternary: rgba(var(--indigo), 0.12);
            --shadow_border: 0px 0px 0px 1px rgba(28, 28, 32, 0.08);
            --shadow_img: 0px 1px 4px rgba(28, 28, 32, 0.12);
            --shadow_control: 0px 3px 8px rgba(28, 28, 32, 0.12), 0px 3px 5px rgba(28, 28, 32, 0.04);
            --shadow_card: 0px 1px 4px rgba(28, 28, 32, 0.04), 0px 8px 24px rgba(28, 28, 32, 0.12);
            --shadow_boldcard: 0px 2px 8px rgba(28, 28, 32, 0.06), 0px 16px 48px rgba(28, 28, 32, 0.2);
            --red_gradient: linear-gradient(135deg, var(--orange_primary) 0%, var(--red_primary) 100%);
            --yellow_gradient: linear-gradient(135deg, var(--orange_primary) 0%, var(--yellow_primary) 100%);
            --green_gradient: linear-gradient(135deg, var(--teal_primary) 0%, var(--green_primary) 100%);
            --blue_gradient: linear-gradient(135deg, var(--teal_primary) 0%, var(--blue_primary) 100%);
            --purple_gradient: linear-gradient(135deg, var(--indigo_primary) 0%, var(--theme_primary) 100%)
        }

        @supports((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
            :root {
                --background_primary_blur: rgba(255, 255, 255, 0.92);
                --background_secondary_blur: rgba(245, 245, 246, 0.76);
                --background_tertiary_blur: rgba(255, 255, 255, 0.88)
            }
        }

        [data-theme=dark] {
            --background_primary-op: rgba(28, 28, 32, 0);
            --background_primary: #1c1c20;
            --background_secondary: #37373c;
            --background_tertiary: #424247;
            --background_primary_blur: rgb(28, 28, 32);
            --background_secondary_blur: rgb(55, 55, 60);
            --background_tertiary_blur: rgb(66, 66, 71);
            --group_primary: var(--background_primary);
            --group_secondary: var(--background_secondary);
            --group_tertiary: var(--background_tertiary);
            --context: 255, 255, 255;
            --context_primary: rgb(var(--context));
            --context_secondary: rgba(var(--context), 0.72);
            --context_tertiary: rgba(var(--context), 0.36);
            --context_quarternary: rgba(var(--context), 0.18);
            --divider_primary: rgba(var(--divider), 0.36);
            --divider_secondary: rgba(var(--divider), 0.24);
            --divider_tertiary: rgba(var(--divider), 0.12);
            --divider_overlay: rgba(136, 136, 136, 0.24);
            --theme: 112, 136, 255;
            --theme_hover: rgb(138, 157, 255);
            --theme_active: rgb(97, 122, 250);
            --red: 239, 103, 94;
            --red_hover: rgb(255, 126, 117);
            --red_active: rgb(234, 92, 83);
            --orange: 254, 176, 59;
            --yellow: 248, 214, 45;
            --green: 39, 205, 71;
            --seagreen: 22, 157, 118;
            --teal: 49, 209, 245;
            --blue: 31, 145, 246;
            --indigo: 147, 101, 245
        }

        @supports((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
            [data-theme=dark] {
                --background_primary_blur: rgba(28, 28, 32, 0.88);
                --background_secondary_blur: rgba(55, 55, 60, 0.76);
                --background_tertiary_blur: rgba(66, 66, 71, 0.88)
            }
        }

        @media(prefers-color-scheme: dark) {
            [data-theme=system] {
                --background_primary-op: rgba(28, 28, 32, 0);
                --background_primary: #1c1c20;
                --background_secondary: #37373c;
                --background_tertiary: #424247;
                --background_primary_blur: rgb(28, 28, 32);
                --background_secondary_blur: rgb(55, 55, 60);
                --background_tertiary_blur: rgb(66, 66, 71);
                --group_primary: var(--background_primary);
                --group_secondary: var(--background_secondary);
                --group_tertiary: var(--background_tertiary);
                --context: 255, 255, 255;
                --context_primary: rgb(var(--context));
                --context_secondary: rgba(var(--context), 0.72);
                --context_tertiary: rgba(var(--context), 0.36);
                --context_quarternary: rgba(var(--context), 0.18);
                --divider_primary: rgba(var(--divider), 0.36);
                --divider_secondary: rgba(var(--divider), 0.24);
                --divider_tertiary: rgba(var(--divider), 0.12);
                --divider_overlay: rgba(136, 136, 136, 0.24);
                --theme: 112, 136, 255;
                --theme_hover: rgb(138, 157, 255);
                --theme_active: rgb(97, 122, 250);
                --red: 239, 103, 94;
                --red_hover: rgb(255, 126, 117);
                --red_active: rgb(234, 92, 83);
                --orange: 254, 176, 59;
                --yellow: 248, 214, 45;
                --green: 39, 205, 71;
                --seagreen: 22, 157, 118;
                --teal: 49, 209, 245;
                --blue: 31, 145, 246;
                --indigo: 147, 101, 245
            }

            @supports((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
                [data-theme=system] {
                    --background_primary_blur: rgba(28, 28, 32, 0.88);
                    --background_secondary_blur: rgba(55, 55, 60, 0.76);
                    --background_tertiary_blur: rgba(66, 66, 71, 0.88)
                }
            }
        }
    </style>
    <style>
        html {
            font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif
        }

        body {
            background-color: var(--background_primary)
        }
    </style>
    <style>
        .checkbox-container--TNndw {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 4px;
            cursor: pointer
        }

        .checkbox-container--TNndw[data-no-padding=true] {
            padding: 0
        }

        .checkbox-container--TNndw[data-disabled=true] {
            cursor: not-allowed
        }

        .checkbox-container--TNndw[data-checked=false] .checkbox--11DPr {
            background-color: var(--background_tertiary);
            border: 2px solid var(--divider_primary)
        }

        .checkbox-container--TNndw[data-checked=false][data-disabled=false]:hover .checkbox--11DPr {
            border-color: var(--theme_primary)
        }

        .checkbox-container--TNndw[data-checked=true] .checkbox--11DPr {
            background-color: var(--theme_primary)
        }

        .checkbox-container--TNndw[data-checked=true][data-disabled=false]:hover .checkbox--11DPr {
            background-color: var(--theme_hover)
        }

        .checkbox-container--TNndw[data-checked=true] svg {
            fill: var(--background_primary);
            width: 100%;
            height: 100%
        }

        .checkbox--11DPr {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: border-color .3s ease, background-color .3s ease;
            -o-transition: border-color .3s ease, background-color .3s ease;
            transition: border-color .3s ease, background-color .3s ease
        }
    </style>
    <style>
        .icon--d-ejA {
            display: inline-block;
            text-align: center
        }

        .icon--d-ejA[data-render-as=svg] {
            line-height: 0
        }

        .icon--d-ejA[data-render-as=svg] svg {
            width: 1em;
            height: 1em;
            fill: currentColor;
            overflow: hidden
        }

        .icon--d-ejA[data-render-as=font] {
            line-height: 1
        }
    </style>
    <style>
        .error--lRIer {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 52px;
            background-color: var(--basic_elevated);
            border-radius: 30px;
            padding: 12px 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .error--lRIer .icon--2h4rT {
            font-size: 28px;
            margin-right: 18px;
            color: var(--basic_white)
        }

        .error--lRIer .text--2joVJ {
            font-size: 16px;
            line-height: 1.6;
            color: var(--basic_white);
            white-space: nowrap
        }
    </style>
    <style>
        .loading--D0U4O {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background-color: var(--basic_elevated);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .loading--D0U4O img {
            width: 32px;
            height: 32px;
            -webkit-animation: rotate--1fao7 1s infinite linear;
            animation: rotate--1fao7 1s infinite linear
        }

        @-webkit-keyframes rotate--1fao7 {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes rotate--1fao7 {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            100% {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }
    </style>
    <style>
        .audio-visualizer--3gET- {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .audio-visualizer--3gET- .cover-container--678h- {
            width: 256px;
            height: 256px;
            position: relative
        }

        .audio-visualizer--3gET- .cover-blur--2kQl7,
        .audio-visualizer--3gET- .cover--2FDfC {
            position: absolute;
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            width: 100%;
            height: 100%;
            background-size: cover;
            border-radius: 5px
        }

        .audio-visualizer--3gET- .cover-blur--2kQl7 {
            top: calc(50% + 20px);
            -webkit-filter: blur(60px);
            filter: blur(60px);
            opacity: .4
        }

        .audio-visualizer--3gET- .cover--2FDfC {
            top: 50%;
            -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05), 0 2px 8px rgba(28, 28, 32, .06), 0 16px 48px rgba(28, 28, 32, .2);
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05), 0 2px 8px rgba(28, 28, 32, .06), 0 16px 48px rgba(28, 28, 32, .2)
        }

        .audio-visualizer--3gET- .cover--2FDfC::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border: 1px solid var(--divider_primary);
            border-radius: 5px
        }

        .audio-visualizer--3gET- .meta--2Couz {
            position: relative
        }

        .audio-visualizer--3gET- .text-primary--HGrHA,
        .audio-visualizer--3gET- .text-secondary--2YNI9 {
            text-align: center;
            max-width: 560px
        }

        .audio-visualizer--3gET- .text-primary--HGrHA p,
        .audio-visualizer--3gET- .text-secondary--2YNI9 p {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .audio-visualizer--3gET- .text-primary--HGrHA {
            margin-top: 28px;
            font-size: 24px;
            line-height: 1.2;
            color: var(--context_primary)
        }

        .audio-visualizer--3gET- .text-secondary--2YNI9 {
            margin-top: 8px;
            font-size: 20px;
            line-height: 28px;
            color: var(--context_tertiary)
        }
    </style>
    <style>
        .drawer-container--1M9Iy {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 0;
            -webkit-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            will-change: height;
            overflow: hidden;
            border-radius: 10px;
            -webkit-box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05), 0 8px 24px rgba(28, 28, 32, .12);
            box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05), 0 8px 24px rgba(28, 28, 32, .12)
        }

        .drawer-container--1M9Iy[data-is-current=true] {
            z-index: 21
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw {
            background-color: var(--basic_elevated);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: stretch;
            align-items: stretch
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .header--2Y80e {
            position: relative;
            height: 36px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border-bottom: 1px solid var(--divider_primary);
            cursor: pointer
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .header--2Y80e .title--CbV-V {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white)
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .header--2Y80e .btn-close--TihlS {
            width: 28px;
            height: 28px;
            position: absolute;
            right: 4px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .header--2Y80e .btn-close--TihlS .icon--tTxIr {
            color: var(--basic_white);
            font-size: 20px
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .scroll-container--Ho4ra {
            overflow-y: auto
        }

        .drawer-container--1M9Iy .drawer-wrapper--3Yfpw .scroll-container--Ho4ra .scroll-wrapper--zw1q2 {
            position: relative
        }

        .drawer-list--JYzyI {
            position: relative;
            padding: 16px 24px;
            opacity: 0;
            -webkit-transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1)
        }

        .drawer-list--JYzyI[data-open=true] {
            opacity: 1
        }

        .drawer-item--2cNtQ {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            padding: 8px;
            border-radius: 5px;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer
        }

        .drawer-item--2cNtQ[data-is-current=false]:hover {
            background-color: var(--divider_secondary)
        }

        .drawer-item--2cNtQ[data-is-current=true] {
            background-color: var(--divider_primary)
        }
    </style>
    <style>
        .wrapper--B8-SE {
            display: block;
            width: 100%
        }

        .title--3psXT {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .title--3psXT .icon--22-uw {
            font-size: 20px;
            margin-right: 8px;
            color: var(--theme_primary)
        }

        .title--3psXT .filename--3KWv0 {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .desc--2A2Jg {
            font-size: 10px;
            line-height: 1.6;
            color: var(--basic_white);
            opacity: .64;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .time--3OtVQ {
            font-size: 12px;
            line-height: 1.6;
            color: var(--basic_white_secondary);
            opacity: .64;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }
    </style>
    <style>
        .text--2epGy {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white)
        }

        .icon--1PRfx {
            font-size: 20px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .drawers--3ipNR {
            width: 100%;
            z-index: 20;
            -webkit-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            position: relative
        }
    </style>
    <style>
        .tooltip-overlay--1KCr9 .ant-tooltip-arrow {
            display: none
        }

        .tooltip-overlay--1KCr9 .ant-tooltip-inner {
            border-radius: 5px;
            padding: 4px 8px;
            background-color: rgba(49, 49, 54, .88);
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
            border: 1px solid var(--divider_primary);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card);
            color: var(--basic_white);
            white-space: nowrap
        }

        .ant-tooltip-placement-bottom {
            padding-top: 6px
        }

        .ant-tooltip-placement-bottomLeft {
            padding-top: 6px
        }

        .ant-tooltip-placement-bottomRight {
            padding-top: 6px
        }

        .ant-tooltip-placement-top {
            padding-bottom: 6px
        }

        .ant-tooltip-placement-topLeft {
            padding-bottom: 6px
        }

        .ant-tooltip-placement-topRight {
            padding-bottom: 6px
        }
    </style>
    <style>
        .progress--143dG {
            position: relative;
            cursor: pointer;
            height: 14px;
            min-width: 64px
        }

        .progress--143dG[data-indicator-always-show=true] .indicator--285xr {
            opacity: 1
        }

        .bar--3gYiB {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 4px
        }

        .total--3GOkQ {
            position: relative;
            height: 100%;
            border-radius: 2px;
            background-color: var(--divider_primary);
            overflow: hidden
        }

        .current--3DSar {
            position: relative;
            height: 100%;
            background-color: var(--theme_primary)
        }

        .indicator--285xr {
            position: absolute;
            top: 50%;
            left: 0;
            width: 2px;
            height: 14px;
            background-color: var(--basic_white);
            border: 1px solid var(--divider_primary);
            -webkit-box-shadow: 0 3px 8px rgba(28, 28, 32, .12), 0 3px 5px rgba(28, 28, 32, .04);
            box-shadow: 0 3px 8px rgba(28, 28, 32, .12), 0 3px 5px rgba(28, 28, 32, .04);
            opacity: 0;
            -webkit-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .indicator--285xr:hover .indicator--285xr {
            opacity: 1
        }
    </style>
    <style>
        .progress-bar--1unxa {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            padding: 8px 12px
        }

        .progress-bar--1unxa .progress--YuL8g {
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-left: 12px;
            margin-right: 12px
        }

        .progress-bar--1unxa .time--3i3r- {
            font-size: 10px;
            line-height: 1.6;
            color: var(--basic_white);
            -ms-flex-negative: 0;
            flex-shrink: 0
        }
    </style>
    <style>
        .btn--1cZfA {
            width: 28px;
            height: 28px;
            cursor: pointer
        }

        .btn--1cZfA .icon--Dsw5T {
            font-size: 28px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .volume-icon--3of_B {
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer
        }

        .volume-icon--3of_B .icon--2b79j {
            font-size: 20px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .volume--qO4x4 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .volume--qO4x4 .icon--Nucs0 {
            margin-right: 6px
        }

        .volume--qO4x4 .bar--2WChU {
            height: 2px
        }

        .volume--qO4x4 .bar--2WChU .total--QVv7e {
            border-radius: 1px
        }

        .volume--qO4x4 .bar--2WChU .total--QVv7e .current--2XlOp {
            background-color: var(--basic_white)
        }

        .volume--qO4x4 .bar--2WChU .indicator--3i4s- {
            width: 12px;
            height: 12px;
            border-radius: 50%
        }
    </style>
    <style>
        .actions--3dkdi {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .action--3MjkB {
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            white-space: nowrap;
            font-size: 20px;
            color: var(--basic_white)
        }

        .action--3MjkB:not(:first-child) {
            margin-left: 12px
        }

        .action--3MjkB[data-disabled=false]:hover {
            background-color: var(--divider_secondary)
        }

        .action--3MjkB[data-disabled=false][data-active=true] {
            background-color: var(--divider_primary)
        }

        .action--3MjkB[data-disabled=true] {
            cursor: not-allowed;
            color: var(--basic_white_quarternary)
        }
    </style>
    <style>
        .action-bar--3HSMR {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            height: 36px;
            padding: 2px 8px 6px 6px
        }

        .action-bar--3HSMR .group--3dkST {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center
        }

        .action-bar--3HSMR .group--3dkST .actions-wrapper--1HYv0:not(:first-child) {
            margin-left: 12px
        }
    </style>
    <style>
        .actions--2zltY {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .action--2_0HE {
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            white-space: nowrap;
            font-size: 20px;
            color: var(--basic_white)
        }

        .action--2_0HE:not(:first-child) {
            margin-left: 12px
        }

        .action--2_0HE[data-disabled=false]:hover {
            background-color: var(--divider_secondary)
        }

        .action--2_0HE[data-disabled=false][data-active=true] {
            background-color: var(--divider_primary)
        }

        .action--2_0HE[data-disabled=true] {
            cursor: not-allowed;
            color: var(--basic_white_quarternary)
        }
    </style>
    <style>
        .audio-player--9uzYg {
            position: absolute;
            width: 480px;
            min-height: 68px;
            z-index: 10;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-radius: 10px;
            bottom: -40px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
        }

        .audio-player--9uzYg[data-has-opening-drawer=true] .controller--2LW2w {
            border-radius: 0 0 10px 10px;
            -webkit-box-shadow: 0 -1px 0 0 var(--divider_primary);
            box-shadow: 0 -1px 0 0 var(--divider_primary)
        }

        .audio-player--9uzYg .controller--2LW2w {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 68px;
            z-index: 30;
            background-color: var(--basic_elevated);
            border-radius: 10px;
            -webkit-transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            -o-transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
        }
    </style>
    <style>
        .audio-previewer-container--3hBzs {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%
        }
    </style>
    <style>
        .header--a9NB8 {
            position: absolute;
            top: 0;
            left: 0;
            width: 56px;
            height: 56px;
            border-radius: 10px 0 0 10px;
            -webkit-box-shadow: 1px 0 0 0 var(--divider_primary);
            box-shadow: 1px 0 0 0 var(--divider_primary);
            -ms-flex-negative: 0;
            flex-shrink: 0;
            overflow: hidden;
            -webkit-transition: border-radius .3s ease;
            -o-transition: border-radius .3s ease;
            transition: border-radius .3s ease
        }

        .header--a9NB8 .cover--wm7gR {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-size: cover
        }

        .header--a9NB8 .mask--n7DiE {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: var(--divider_primary);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease
        }
    </style>
    <style>
        .meta--1JMv7 {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 56px;
            padding-left: 8px;
            padding-right: 8px;
            width: 144px
        }

        .meta--1JMv7 .text-primary--8z_mP {
            color: var(--basic_white);
            font-size: 12px;
            line-height: 1.6;
            margin-top: 10px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .meta--1JMv7 .text-secondary--SfWHc {
            font-size: 10px;
            line-height: 1.6;
            color: var(--basic_white);
            opacity: .64;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }
    </style>
    <style>
        .actions--2n2ha {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding-right: 12px
        }

        .actions--2n2ha .actions-wrapper--3S5WD:not(:first-child) {
            margin-left: 12px
        }
    </style>
    <style>
        .progress-bar-mini--1aY2K {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

        .progress-bar-mini--1aY2K .progress-container--WA9XD {
            height: 10px;
            border-radius: 0 0 10px 0;
            overflow: hidden
        }

        .progress-bar-mini--1aY2K .progress-wrapper--1CYyy {
            height: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .progress-bar-mini--1aY2K .progress--KcHMH {
            width: 100%
        }

        .progress-bar-mini--1aY2K .progress--KcHMH .total--3QxJZ {
            border-radius: 0
        }

        .progress-bar-mini--1aY2K .time--1PydJ {
            position: absolute;
            bottom: 0;
            right: 12px;
            font-size: 10px;
            line-height: 1.6;
            color: var(--basic_white);
            opacity: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            pointer-events: none;
            -webkit-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .progress-bar-mini--1aY2K .time--1PydJ[data-show=true] {
            opacity: .64
        }
    </style>
    <style>
        .audio-player-mini--2-E0M {
            position: relative;
            width: 480px;
            min-height: 56px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            z-index: 10;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-radius: 10px
        }

        .audio-player-mini--2-E0M[data-has-opening-drawer=true] .controller--3890A {
            border-radius: 0 0 10px 10px;
            -webkit-box-shadow: 0 -1px 0 0 var(--divider_primary);
            box-shadow: 0 -1px 0 0 var(--divider_primary)
        }

        .audio-player-mini--2-E0M[data-has-opening-drawer=true] .header--22Kvh {
            border-radius: 0 0 0 10px
        }

        .audio-player-mini--2-E0M .controller--3890A {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 56px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
            z-index: 30;
            background-color: var(--basic_elevated);
            border-radius: 10px;
            -webkit-transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            -o-transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
        }

        .audio-player-mini--2-E0M:hover .header--22Kvh .mask--2fHdW {
            background-color: var(--divider_tertiary)
        }

        .audio-player-mini--2-E0M .body--1G2J9 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-positive: 1;
            flex-grow: 1;
            overflow: hidden;
            position: relative;
            margin-left: 56px
        }
    </style>
    <style>
        .audio-previewer-mini-container--10_Ue {
            position: relative
        }
    </style>
    <style>
        .video-stage--3LCB4 {
            position: relative;
            width: 100%;
            height: 100%
        }

        .video-stage--3LCB4 .video--26SLZ,
        .video-stage--3LCB4 .thumbnail--2T1JI {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }
    </style>
    <style>
        .thumbnail--1bhNX {
            width: 106px;
            height: 60px;
            margin-right: 12px;
            background-color: var(--basic_black);
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .thumbnail--1bhNX img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .meta--3-qtu {
            position: relative;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: calc(100% - 106px - 8px * 2 - 12px)
        }

        .title--2vewu {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .title--2vewu .icon--2AFV7 {
            font-size: 20px;
            margin-right: 8px;
            color: var(--theme_primary)
        }

        .title--2vewu .filename--3hcxw {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .duration--3hbgi {
            font-size: 10px;
            line-height: 1.6;
            color: var(--basic_white);
            opacity: .64;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .time--2_PJ8 {
            font-size: 12px;
            line-height: 1.6;
            color: var(--basic_white_secondary);
            opacity: .64;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }
    </style>
    <style>
        .text--AMJbu {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white)
        }

        .icon--1TEe7 {
            font-size: 20px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .text--3NvlJ {
            font-size: 14px;
            line-height: 1.5;
            color: var(--basic_white)
        }

        .icon--X6N64 {
            font-size: 20px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .drawers--3gZVH {
            width: 100%;
            z-index: 20;
            -webkit-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: height .66s cubic-bezier(0.66, 0, 0.01, 1);
            position: relative
        }
    </style>
    <style>
        .btn--2JzkY {
            width: 28px;
            height: 28px;
            cursor: pointer
        }

        .btn--2JzkY .icon--TbiNY {
            font-size: 28px;
            color: var(--basic_white)
        }
    </style>
    <style>
        .actions--17bTI {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .action--mAI5b {
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            padding-left: 8px;
            padding-right: 8px;
            -webkit-transition: color .3s ease, background-color .3s ease;
            -o-transition: color .3s ease, background-color .3s ease;
            transition: color .3s ease, background-color .3s ease;
            white-space: nowrap;
            font-size: 12px;
            line-height: 1.6;
            color: var(--basic_white)
        }

        .action--mAI5b:not(:first-child) {
            margin-left: 8px
        }

        .action--mAI5b[data-disabled=false]:hover {
            background-color: var(--divider_secondary)
        }

        .action--mAI5b[data-disabled=false][data-active=true] {
            background-color: var(--divider_primary)
        }

        .action--mAI5b[data-disabled=true] {
            cursor: not-allowed;
            color: var(--basic_white_quarternary)
        }
    </style>
    <style>
        .actions--fJN78 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .action--3G9se {
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            white-space: nowrap;
            font-size: 20px;
            color: var(--basic_white)
        }

        .action--3G9se:not(:first-child) {
            margin-left: 12px
        }

        .action--3G9se[data-disabled=false]:hover {
            background-color: var(--divider_secondary)
        }

        .action--3G9se[data-disabled=false][data-active=true] {
            background-color: var(--divider_primary)
        }

        .action--3G9se[data-disabled=true] {
            cursor: not-allowed;
            color: var(--basic_white_quarternary)
        }
    </style>
    <style>
        .action-bar--tIlJL {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            height: 36px;
            padding: 2px 8px 6px 6px
        }

        .action-bar--tIlJL .group--qd5XX {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center
        }

        .action-bar--tIlJL .group--qd5XX .actions-wrapper--1qb6D:not(:first-child) {
            margin-left: 12px
        }

        .action-bar--tIlJL .next--2FSEc {
            margin-left: 12px
        }

        .action-bar--tIlJL .volume--B3uce {
            margin-left: 14px
        }
    </style>
    <style>
        .video-player--29_72 {
            position: absolute;
            width: 480px;
            min-height: 68px;
            z-index: 10;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-radius: 10px;
            bottom: -40px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
        }

        :-webkit-full-screen .video-player--29_72 {
            bottom: 40px
        }

        :-ms-fullscreen .video-player--29_72 {
            bottom: 40px
        }

        :fullscreen .video-player--29_72 {
            bottom: 40px
        }

        .video-player--29_72[data-has-opening-drawer=true] .controller--1rZJh {
            border-radius: 0 0 10px 10px;
            -webkit-box-shadow: 0 -1px 0 0 var(--divider_primary);
            box-shadow: 0 -1px 0 0 var(--divider_primary)
        }

        .video-player--29_72 .controller--1rZJh {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 68px;
            z-index: 30;
            background-color: var(--basic_elevated);
            border-radius: 10px;
            -webkit-transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            transition: border-radius .3s ease, -webkit-box-shadow .3s ease;
            -o-transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease;
            transition: border-radius .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
        }
    </style>
    <style>
        .video-previewer-container--3N0eI {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%
        }
    </style>
    <style>
        .auto-hide--2jvvt {
            position: relative;
            opacity: 0;
            -webkit-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .auto-hide--2jvvt[data-visible=true] {
            opacity: 1
        }
    </style>
    <style>
        .grid--1rBKa {
            padding-left: 40px;
            padding-right: 40px
        }

        .grid--1rBKa[data-view-as=card] {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            grid-gap: 24px
        }

        .grid--1rBKa[data-view-as=icon] {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
            grid-gap: 16px
        }

        .grid-scroll--3o7hp {
            overflow-y: auto;
            height: 100%
        }
    </style>
    <style>
        .fileicon--vNn4M {
            max-width: 100%;
            max-height: 100%
        }
    </style>
    <style>
        .folder-cover--2tjqm {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .folder-cover--2tjqm[data-size=XXL] {
            width: 200px;
            height: 140px
        }

        .folder-cover--2tjqm[data-size=XXL] .fileicon--1HBtf {
            width: 200px;
            height: 140px
        }

        .folder-cover--2tjqm[data-size=XL] {
            width: 161px;
            height: 126px
        }

        .folder-cover--2tjqm[data-size=XL] .fileicon--1HBtf {
            width: 140px;
            height: 112px
        }

        .folder-cover--2tjqm[data-size=L] {
            width: 115px;
            height: 90px
        }

        .folder-cover--2tjqm[data-size=L] .fileicon--1HBtf {
            width: 115px;
            height: 90px
        }

        .folder-cover--2tjqm[data-size=M] {
            width: 69px;
            height: 54px
        }

        .folder-cover--2tjqm[data-size=M] .fileicon--1HBtf {
            width: 69px;
            height: 54px
        }

        .folder-cover--2tjqm[data-size=S] {
            width: 36px;
            height: 36px
        }

        .folder-cover--2tjqm[data-size=S] .fileicon--1HBtf {
            width: 36px;
            height: 36px
        }

        .folder-cover--2tjqm[data-size=XS] {
            width: 32px;
            height: 32px
        }

        .folder-cover--2tjqm[data-size=XS] .fileicon--1HBtf {
            width: 32px;
            height: 32px
        }

        .folder-cover--2tjqm[data-size=XXS] {
            width: 28px;
            height: 28px
        }

        .folder-cover--2tjqm[data-size=XXS] .fileicon--1HBtf {
            width: 28px;
            height: 28px
        }
    </style>
    <style>
        .border-wrapper--21_PI {
            border: 1px solid var(--divider_tertiary);
            width: calc(100% - 12px);
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            border-radius: 5px;
            -ms-flex-align: start;
            align-items: flex-start;
            background: var(--background_tertiary);
            overflow: hidden
        }

        .border-wrapper--21_PI .thumbnail--2LF21 {
            width: 100% !important;
            height: auto !important
        }

        .border-wrapper--21_PI .thumbnail--2LF21 img {
            border: none
        }

        .rich-wrapper--31ul3 {
            width: calc(100% - 12px);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            -ms-flex-pack: center;
            justify-content: center
        }

        .rich-wrapper--31ul3 .thumbnail--2LF21 {
            border-radius: 5px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            overflow: hidden;
            height: 100%;
            width: 100%
        }

        .rich-wrapper--31ul3 .thumbnail--2LF21 img {
            border: none;
            border-left: 5px solid var(--basic_black)
        }

        .rich-wrapper--31ul3 .mask--32xyj {
            display: block;
            position: absolute;
            border-radius: 5px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
            -webkit-box-shadow: inset 0 -0.6px .6px rgba(3, 3, 3, .15), inset 0 2px 8px rgba(255, 255, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .39);
            box-shadow: inset 0 -0.6px .6px rgba(3, 3, 3, .15), inset 0 2px 8px rgba(255, 255, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .39)
        }

        .thumbnail--2LF21 {
            display: none
        }

        .thumbnail--2LF21[data-is-loaded=true] {
            -webkit-animation: fade-in--1corM .4s ease backwards;
            animation: fade-in--1corM .4s ease backwards;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        @-webkit-keyframes fade-in--1corM {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @keyframes fade-in--1corM {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .thumbnail--2LF21 .img--VgA1Z {
            border-radius: 5px;
            position: relative;
            /*border: 1px solid var(--divider_secondary)*/
        }

        .thumbnail--2LF21[data-fill-mode=cover] .img--VgA1Z {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .thumbnail--2LF21[data-fill-mode=contain] .img--VgA1Z {
            display: block;
            max-width: 100%;
            max-height: 100%
        }

        .thumbnail--2LF21[data-size=XXL] {
            width: 200px;
            height: 140px
        }

        .thumbnail--2LF21[data-size=XL] {
            width: 140px;
            height: 126px
        }

        .thumbnail--2LF21[data-size=L] {
            width: 100px;
            height: 90px
        }

        .thumbnail--2LF21[data-size=M] {
            width: 50px;
            height: 50px
        }

        .thumbnail--2LF21[data-size=S] {
            width: 36px;
            height: 36px
        }

        .thumbnail--2LF21[data-size=XS] {
            width: 32px;
            height: 32px
        }

        .thumbnail--2LF21[data-size=XXS] {
            width: 28px;
            height: 28px
        }
    </style>
    <style>
        .file-cover--37ssA {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .file-cover--37ssA[data-size=XXL] {
            width: 200px;
            height: 140px
        }

        .file-cover--37ssA[data-size=XXL] .fileicon--2Klqk {
            height: 140px;
            width: 140px
        }

        .file-cover--37ssA[data-size=XL] {
            width: 161px;
            height: 126px
        }

        .file-cover--37ssA[data-size=XL] .fileicon--2Klqk {
            width: 98px;
            height: 98px
        }

        .file-cover--37ssA[data-size=L] {
            width: 115px;
            height: 90px
        }

        .file-cover--37ssA[data-size=L] .fileicon--2Klqk {
            width: 70px;
            height: 70px
        }

        .file-cover--37ssA[data-size=M] {
            width: 50px;
            height: 50px
        }

        .file-cover--37ssA[data-size=M] .fileicon--2Klqk {
            width: 50px;
            height: 50px
        }

        .file-cover--37ssA[data-size=S] {
            width: 36px;
            height: 36px
        }

        .file-cover--37ssA[data-size=S] .fileicon--2Klqk {
            width: 36px;
            height: 36px
        }

        .file-cover--37ssA[data-size=XS] {
            width: 32px;
            height: 32px
        }

        .file-cover--37ssA[data-size=XS] .fileicon--2Klqk {
            width: 32px;
            height: 32px
        }

        .file-cover--37ssA[data-size=XXS] {
            width: 28px;
            height: 28px
        }

        .file-cover--37ssA[data-size=XXS] .fileicon--2Klqk {
            width: 28px;
            height: 28px
        }

        .file-cover--37ssA[data-thumbnail=text],
        .file-cover--37ssA[data-thumbnail=rich-text] {
            margin: 4px 0
        }
    </style>
    <style>
        .table--2gS2v {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .thead--JwBMm,
        .tbody--3Y4Fn {
            position: relative;
            padding-left: 40px;
            padding-right: 40px
        }

        .thead--JwBMm[data-has-checkbox=true],
        .tbody--3Y4Fn[data-has-checkbox=true] {
            padding-left: 32px;
            padding-right: 32px
        }

        .thead--JwBMm {
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .tbody--3Y4Fn {
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .tbody--3Y4Fn[data-sticky=true] {
            scroll-behavior: smooth;
            overflow-y: auto;
            overflow-y: overlay
        }

        .tbody--3Y4Fn .size-holder--3Fy6w {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 0;
            pointer-events: none;
            opacity: 0
        }

        .tr--3Ypim {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            cursor: default
        }

        .tr--3Ypim[data-clickable=true] {
            cursor: pointer
        }

        .tr--3Ypim[data-has-checkbox=true] .th--1Uxcs:nth-child(1) {
            margin-left: 32px;
            padding-left: 0
        }

        .tr--3Ypim[data-has-checkbox=true] .td--3QAAr:nth-child(2) {
            margin-left: 32px;
            padding-left: 0
        }

        .tr--3Ypim .checkbox--3xYhn {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 4px;
            opacity: 0;
            pointer-events: none;
            -webkit-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .tr--3Ypim:hover .checkbox--3xYhn,
        .tr--3Ypim[data-is-selected=true] .checkbox--3xYhn {
            opacity: 1;
            pointer-events: all
        }

        .thead--JwBMm .tr--3Ypim .checkbox--3xYhn {
            display: none
        }

        .tbody--3Y4Fn .tr--3Ypim::before {
            content: "";
            position: absolute;
            height: 1px;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: var(--divider_tertiary);
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            width: 100%
        }

        .tbody--3Y4Fn .tr--3Ypim[data-has-checkbox=true]::before {
            width: calc(100% - 8px * 2)
        }

        .tbody--3Y4Fn .tr--3Ypim:hover::before,
        .tbody--3Y4Fn .tr--3Ypim:hover+.tr--3Ypim::before,
        .tbody--3Y4Fn .tr--3Ypim[data-is-selected=true]::before,
        .tbody--3Y4Fn .tr--3Ypim[data-is-selected=true]+.tr--3Ypim::before {
            background-color: var(--background_primary);
            width: 100%
        }

        .tbody--3Y4Fn .tr--3Ypim[data-is-selected=false]:hover {
            background-color: var(--divider_tertiary)
        }

        .tbody--3Y4Fn .tr--3Ypim[data-is-selected=true] {
            background-color: var(--theme_quarternary)
        }

        .th--1Uxcs,
        .td--3QAAr {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 0 24px
        }

        .th--1Uxcs {
            height: 40px;
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary);
            cursor: default
        }

        .th--1Uxcs[data-sortable=true] {
            cursor: pointer
        }

        .th--1Uxcs .th-text--35P5A {
            margin-right: 8px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .td--3QAAr {
            height: 52px
        }
    </style>
    <style>
        .virtual-list--1nny3 {
            position: relative;
            height: 100%
        }

        .virtual-list--1nny3 .size-holder--2wWsi {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: none;
            opacity: 0;
            visibility: hidden
        }
    </style>
    <style>
        .dropdown-menu--1KRbu {
            width: 160px;
            border-radius: 10px !important;
            padding: 4px !important;
            background: var(--background_tertiary) !important;
            -webkit-box-shadow: var(--shadow_card) !important;
            box-shadow: var(--shadow_card) !important
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu {
            background: var(--background_tertiary);
            padding: 0;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            width: 100%
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-item,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-item {
            padding: 0;
            border-radius: 5px;
            color: var(--context_primary)
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-item:hover,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-item:hover {
            background: none
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-item-divider,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-item-divider {
            margin: 4px 8px;
            background-color: var(--divider_tertiary)
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-item-danger,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-item-danger {
            color: var(--context-primary) !important
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-item-danger:hover,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-item-danger:hover {
            background-color: var(--red_quarternary)
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
            padding: 8px;
            border-radius: 5px;
            color: var(--context_primary) !important
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title:hover {
            background-color: var(--divider_tertiary)
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu .ant-dropdown-menu-submenu-arrow-icon,
        .dropdown-menu--1KRbu .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-arrow-icon {
            color: var(--context_primary) !important
        }

        .dropdown-menu--1KRbu .ant-dropdown-menu-sub {
            margin: 0
        }
    </style>
    <style>
        .menu-inner--18Omt>div {
            padding: 8px;
            color: var(--context-primary);
            border-radius: 5px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .menu-inner--18Omt>div:hover {
            background-color: var(--divider_tertiary)
        }

        .menu-inner--18Omt[data-danger=true]>div {
            color: var(--red_hover)
        }

        .menu-inner--18Omt[data-danger=true]>div:hover {
            background-color: var(--red_quarternary) !important
        }
    </style>
    <style>
        .modal-wrapper--2yJKO .ant-modal-content {
            border-radius: 10px;
            background-color: var(--background_tertiary)
        }

        .modal-wrapper--2yJKO .title--3Bw2a {
            height: 64px;
            background-color: var(--background_tertiary)
        }

        .modal-wrapper--2yJKO .ant-modal-header {
            border-radius: 10px 10px 0 0;
            border-bottom: none;
            padding: 0 20px;
            height: 64px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            background-color: var(--background_tertiary)
        }

        .modal-wrapper--2yJKO .ant-modal-title {
            line-height: 24px;
            color: var(--context_primary)
        }

        .modal-wrapper--2yJKO .ant-modal-body {
            padding: 0 20px
        }

        .modal-wrapper--2yJKO .icon-wrapper--3dbbo {
            height: 28px;
            width: 28px;
            display: -ms-flexbox;
            display: flex;
            border-radius: 5px;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: var(--context_secondary);
            position: absolute;
            top: 18px;
            right: 16px;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            cursor: pointer;
            z-index: 1
        }

        .modal-wrapper--2yJKO .icon-wrapper--3dbbo:hover {
            background-color: var(--divider_tertiary);
            color: var(--context_primary)
        }

        .modal-wrapper--2yJKO .icon-wrapper--3dbbo .close-icon--33bP0 {
            font-size: 18px
        }

        .modal-wrapper--2yJKO .ant-modal-footer {
            border-top: none;
            border-radius: 0 0 10px 10px;
            padding: 20px;
            overflow: hidden
        }

        .modal-wrapper--2yJKO.full-screen--1V0w3 {
            position: fixed;
            height: 100vh;
            width: 100vw !important;
            top: 0;
            left: 0;
            padding: 0;
            max-width: 100vw
        }

        .modal-wrapper--2yJKO.full-screen--1V0w3 .ant-modal-content {
            border-radius: 0
        }

        .footer-wrapper--guDuc {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .footer-wrapper--guDuc [class^=button-wrapper]:last-child {
            margin-left: 16px
        }

        .confirm-text--ypqT7 {
            color: var(--context_secondary);
            margin-bottom: 20px
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-body {
            padding: 20px
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-title {
            color: var(--context_primary);
            font-weight: 400
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-content {
            margin-top: 20px;
            color: var(--context_secondary)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns {
            margin-top: 20px;
            display: -ms-flexbox;
            display: flex
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns button+button {
            margin-left: 16px
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn {
            color: var(--context_secondary);
            border-color: var(--divider_secondary);
            background: var(--background_tertiary)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn:hover,
        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn:focus {
            color: var(--context_secondary);
            border-color: var(--divider_secondary)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn-primary {
            color: var(--basic_white) !important;
            background-color: var(--theme_primary)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn-primary:hover {
            color: var(--basic_white)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn-dangerous.ant-btn-primary {
            color: var(--basic_white);
            background-color: var(--red_primary)
        }

        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn-dangerous.ant-btn-primary:hover,
        .modal-wrapper--2yJKO.confirm-modal--3UuT8 .ant-modal-confirm-btns .ant-btn-dangerous.ant-btn-primary:focus {
            color: var(--basic_white);
            border-color: var(--red_primary)
        }
    </style>
    <style>
        .button-wrapper--1UkG6,
        .ant-btn {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 36px;
            padding: 0 8px;
            min-width: 80px;
            cursor: pointer;
            border-radius: 6px !important;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            white-space: nowrap
        }

        .button-wrapper--1UkG6[data-type=primary],
        .ant-btn[data-type=primary] {
            background-color: var(--theme_primary);
            color: var(--basic_white)
        }

        .button-wrapper--1UkG6[data-type=primary][data-danger=true],
        .ant-btn[data-type=primary][data-danger=true] {
            background-color: var(--red_primary)
        }

        .button-wrapper--1UkG6[data-type=secondary],
        .ant-btn[data-type=secondary] {
            background-color: transparent;
            color: var(--context_secondary);
            border: 1px solid var(--divider_secondary)
        }

        .button-wrapper--1UkG6[data-disabled=true],
        .ant-btn[data-disabled=true] {
            cursor: not-allowed;
            background-color: var(--divider_primary);
            color: var(--context_quarternary);
            pointer-events: none
        }
    </style>
    <style>
        .ant-input {
            padding: 8px 12px !important;
            border-radius: 5px !important;
            background-color: var(--divider_secondary) !important;
            color: var(--context_primary) !important
        }
    </style>
    <style>
        .content-wrapper--B7mAG {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: margin .3s ease, padding .3s ease, height .3s ease;
            -o-transition: margin .3s ease, padding .3s ease, height .3s ease;
            transition: margin .3s ease, padding .3s ease, height .3s ease;
            padding: 12px 0;
            height: 48px;
            margin-left: 20px;
            padding-right: 20px
        }

        .content-wrapper--B7mAG[data-desc=true] {
            height: 68px
        }

        .content-wrapper--B7mAG[data-desc=true] .desc-wrapper--218x0 {
            opacity: 1
        }

        .title-wrapper--3bQQ2 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-direction: column;
            flex-direction: column;
            color: var(--context_primary)
        }

        .handler-wrapper--1I2rT {
            height: 32px;
            padding: 0 12px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: var(--context_secondary);
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            border-radius: 100px;
            cursor: pointer;
            margin-left: 24px;
            position: absolute;
            right: 8px;
            white-space: nowrap
        }

        .handler-wrapper--1I2rT:hover {
            background-color: var(--divider_tertiary)
        }

        .desc-wrapper--218x0 {
            color: var(--context_tertiary);
            opacity: 0;
            -webkit-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .success-icon--2Zvcy,
        .error-icon--1Ov4I,
        .warning-icon--1Dv6M {
            font-size: 24px;
            margin-right: 8px;
            position: absolute;
            left: 12px
        }

        .success-icon--2Zvcy {
            color: var(--seagreen_primary)
        }

        .error-icon--1Ov4I {
            color: var(--red_primary)
        }

        .warning-icon--1Dv6M {
            color: var(--orange_primary)
        }

        .move-from-bottom-appear {
            -webkit-animation-name: moveUp--PrOlf;
            animation-name: moveUp--PrOlf;
            -webkit-animation-duration: .3s;
            animation-duration: .3s
        }

        .move-from-bottom-leave {
            -webkit-animation-name: fadeOut--2B94e;
            animation-name: fadeOut--2B94e;
            -webkit-animation-duration: .3s;
            animation-duration: .3s
        }

        .aDrive {
            position: fixed;
            top: 32px;
            width: 100%;
            z-index: 9999;
            pointer-events: none
        }

        .aDrive-custom-content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            background-color: var(--background_tertiary);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card);
            border-radius: 100px;
            -webkit-transition: width 2s ease;
            -o-transition: width 2s ease;
            transition: width 2s ease;
            font-size: 14px;
            line-height: 1.5;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative;
            margin-bottom: 8px;
            pointer-events: all
        }

        .aDrive-notice-content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center
        }

        @-webkit-keyframes fadeIn--36G83 {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @keyframes fadeIn--36G83 {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeOut--2B94e {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @keyframes fadeOut--2B94e {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @-webkit-keyframes moveUp--PrOlf {
            0% {
                -webkit-transform: translateY(52px);
                transform: translateY(52px);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }
        }

        @keyframes moveUp--PrOlf {
            0% {
                -webkit-transform: translateY(52px);
                transform: translateY(52px);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }
        }
    </style>
    <style>
        .calendar-wrapper--27Neo .ant-picker-calendar,
        .date-picker-wrapper--3qY88 .ant-picker-calendar {
            width: 366px;
            border-radius: 10px;
            background-color: var(--basic_white);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card)
        }

        .calendar-wrapper--27Neo .ant-picker-body,
        .date-picker-wrapper--3qY88 .ant-picker-body {
            padding: 0 23px 16px 23px !important
        }

        .calendar-wrapper--27Neo .ant-picker-panel,
        .date-picker-wrapper--3qY88 .ant-picker-panel {
            border: none
        }

        .calendar-wrapper--27Neo .ant-picker-panel-container,
        .date-picker-wrapper--3qY88 .ant-picker-panel-container {
            border-radius: 10px;
            background: var(--background_tertiary);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card)
        }

        .calendar-wrapper--27Neo .ant-picker-content,
        .date-picker-wrapper--3qY88 .ant-picker-content {
            width: 320px !important
        }

        .calendar-wrapper--27Neo .ant-picker-content thead tr,
        .date-picker-wrapper--3qY88 .ant-picker-content thead tr {
            height: 21px;
            padding-bottom: 16px
        }

        .calendar-wrapper--27Neo .ant-picker-content thead th,
        .date-picker-wrapper--3qY88 .ant-picker-content thead th {
            color: var(--context_tertiary)
        }

        .calendar-wrapper--27Neo .ant-picker-content tbody td,
        .date-picker-wrapper--3qY88 .ant-picker-content tbody td {
            color: var(--context_tertiary)
        }

        .calendar-wrapper--27Neo .ant-picker-content tbody .ant-picker-cell-in-view,
        .date-picker-wrapper--3qY88 .ant-picker-content tbody .ant-picker-cell-in-view {
            color: var(--context_primary)
        }

        .calendar-wrapper--27Neo .ant-picker-cell-in-view,
        .date-picker-wrapper--3qY88 .ant-picker-cell-in-view {
            color: var(--context_primary)
        }

        .calendar-wrapper--27Neo .ant-picker-date-panel,
        .calendar-wrapper--27Neo .ant-picker-panel,
        .date-picker-wrapper--3qY88 .ant-picker-date-panel,
        .date-picker-wrapper--3qY88 .ant-picker-panel {
            border-radius: 0 0 10px 10px;
            width: 366px
        }

        .calendar-wrapper--27Neo .ant-picker-cell::before,
        .date-picker-wrapper--3qY88 .ant-picker-cell::before {
            content: none
        }

        .calendar-wrapper--27Neo .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
            background-color: var(--theme_primary)
        }

        .calendar-wrapper--27Neo .ant-picker-cell .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell .ant-picker-cell-inner {
            height: 32px;
            width: 32px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 50%;
            margin-left: 7px
        }

        .calendar-wrapper--27Neo .ant-picker-cell-disabled .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell-disabled .ant-picker-cell-inner {
            color: var(--context_tertiary)
        }

        .calendar-wrapper--27Neo .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
        .calendar-wrapper--27Neo .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
            background: var(--theme_tertiary)
        }

        .calendar-wrapper--27Neo .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner,
        .date-picker-wrapper--3qY88 .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner {
            background-color: var(--theme_tertiary)
        }

        .calendar-wrapper--27Neo .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before,
        .date-picker-wrapper--3qY88 .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
            content: none
        }

        .date-picker-wrapper--3qY88 .ant-picker-header {
            height: 32px;
            margin: 16px;
            border-bottom: none;
            color: var(--context_primary)
        }

        .date-picker-wrapper--3qY88 .ant-picker-header button {
            color: var(--context_primary)
        }

        .date-picker-wrapper--3qY88 .ant-picker-header button:hover {
            color: var(--context_primary)
        }

        .date-picker-wrapper--3qY88 .ant-picker-header-super-prev-btn,
        .date-picker-wrapper--3qY88 .ant-picker-header-super-next-btn {
            display: none
        }

        .date-picker-wrapper--3qY88 .ant-picker-header-view {
            pointer-events: none
        }
    </style>
    <style>
        .folder-cover--VyciF {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .folder-cover--VyciF.size-s--3v6Gx {
            width: 40px;
            height: 40px
        }

        .folder-cover--VyciF.size-s--3v6Gx .fileicon--cdnWb {
            width: 40px;
            height: 40px
        }

        .folder-cover--VyciF.size-l--1bvex {
            width: 80px;
            height: 80px
        }

        .folder-cover--VyciF.size-l--1bvex .fileicon--cdnWb {
            width: 40px;
            height: 40px
        }
    </style>
    <style>
        .file-cover--3T20j {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .file-cover--3T20j.size-s--3G2pf {
            width: 40px;
            height: 40px
        }

        .file-cover--3T20j.size-s--3G2pf .fileicon--2Ukzw {
            width: 40px;
            height: 40px
        }

        .file-cover--3T20j.size-l--3Y33f {
            width: 80px;
            height: 80px
        }

        .file-cover--3T20j.size-l--3Y33f .fileicon--2Ukzw {
            width: 80px;
            height: 80px
        }
    </style>
    <style>
        .thumbnail--1ojXo {
            display: none
        }

        .thumbnail--1ojXo .img--3fgCC {
            border-radius: 5px
        }

        .thumbnail-mode-cover--3qO_u>.img--3fgCC {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .thumbnail-mode-contain--_wvdG>.img--3fgCC {
            display: block;
            max-width: 100%;
            max-height: 100%
        }

        .thumbnail-loaded--3M_RH {
            -webkit-animation: fade-in--3hGGP .4s ease backwards;
            animation: fade-in--3hGGP .4s ease backwards;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        @-webkit-keyframes fade-in--3hGGP {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @keyframes fade-in--3hGGP {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .thumbnail-size-XL--16_fv {
            width: 140px;
            height: 126px
        }

        .thumbnail-size-L--2h0nM {
            width: 100px;
            height: 90px
        }

        .thumbnail-size-M--3bqrZ {
            width: 50px;
            height: 50px
        }

        .thumbnail-size-S--YW-ti {
            width: 36px;
            height: 36px
        }

        .thumbnail-size-XS--2GK_I {
            width: 32px;
            height: 32px
        }

        .thumbnail-size-XXS--3PU1I {
            width: 28px;
            height: 28px
        }
    </style>
    <style>
        .share-preview--3puWK {
            max-height: 100vh;
            overflow-y: scroll
        }

        .share-preview-header--3ZGyp {
            display: block
        }

        .share-preview-content--mzCFX {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100vw
        }

        .content-thumbnail-wrap--2xiXP {
            width: 100%;
            height: 100%;
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .video-play-btn--JiBM0 {
            width: 60px;
            height: 60px;
            -webkit-filter: drop-shadow(0 10px 32px rgba(38, 38, 38, 0.18));
            filter: drop-shadow(0 10px 32px rgba(38, 38, 38, 0.18));
            position: absolute
        }

        .video-play-btn-img--RlcVA {
            width: 100%;
            height: 100%
        }

        .video-play-btn-mp--2i9Lt {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: transparent;
            background-color: transparent;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 12px;
            line-height: 1.6
        }

        .content-thumbnail--1VPeV {
            width: 100%
        }

        .preview-not-allow--3-2V- {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .thumbnail--SZgeT {
            width: 80px;
            height: 80px
        }

        .name--IAnrf {
            font-size: 16px;
            line-height: 1.4;
            color: #25262b;
            margin: 24px 0 8px 0;
            word-break: break-all;
            text-align: center
        }

        .tips--sbE92 {
            font-size: 12px;
            line-height: 1.6;
            color: rgba(37, 38, 43, .36)
        }
    </style>
    <style>
        .icon--3AcrS {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }
    </style>
    <style>
        .checked-box--2JAxH {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 2px solid rgba(132, 133, 141, .2);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 0
        }

        .is-checked--2hWpf {
            background-color: #637dff
        }

        .checked-icon--3anlF {
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url("https://gw.alicdn.com/imgextra/i2/O1CN01fio0bI20MwAI50Hjs_!!6000000006836-2-tps-40-40.png");
            height: 100%
        }
    </style>
    <style>
        .item-wrap--3pa5_ {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            height: 64px;
            padding: 0 16px;
            cursor: pointer
        }

        .item-wrap--3pa5_[data-disable=true] {
            opacity: .5;
            cursor: not-allowed
        }

        .desc-wrap--11s85 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 16px;
            -ms-flex: 1 1;
            flex: 1 1
        }

        .title--TIctS {
            font-size: 16px;
            line-height: 1.4;
            color: #25262b;
            max-width: 250px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow-wrap: break-word;
            word-break: break-all
        }

        .desc--2fZQF {
            font-size: 12px;
            line-height: 1.6;
            color: rgba(39, 39, 41, .36)
        }

        .check-wrap--1Rbba {
            height: 30px;
            width: 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex: 0 1;
            flex: 0 1
        }
    </style>
    <style>
        .mask--1J1EA,
        .half-screen-dialog--3Styy {
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .hidden--1SrPZ .mask--1J1EA {
            visibility: hidden;
            opacity: 0
        }

        .hidden--1SrPZ .half-screen-dialog--3Styy {
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        .show--2UHCc .mask--1J1EA {
            opacity: 1;
            visibility: visible
        }

        .show--2UHCc .half-screen-dialog--3Styy {
            -webkit-transform: translateY(0%);
            transform: translateY(0%)
        }

        .mask--1J1EA {
            position: fixed;
            z-index: 1000;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, .6)
        }

        .half-screen-dialog--3Styy {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: 100%;
            z-index: 5000;
            line-height: 1.4;
            background-color: rgba(255, 255, 255, .98);
            -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            overflow: hidden;
            padding: 12px
        }

        .half-screen-dialog__back--xcLJ3 {
            -webkit-transform: scaleX(0.95) !important;
            transform: scaleX(0.95) !important;
            margin: 0 auto
        }

        .half-screen-dialog__hd__main--30sFo {
            -ms-flex: 1 1;
            flex: 1 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 16px;
            line-height: 140%
        }

        .half-screen-dialog__hd__side--2si9R {
            position: relative
        }

        .half-screen-dialog__hd--2DvmI {
            font-size: 8px;
            height: 5em;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .half-screen-dialog__bd--2-rsJ {
            padding: 0 4px 50px 4px
        }
    </style>
    <style>
        .share-list--2PnuA {
            padding-bottom: 65px
        }

        .share-list--2PnuA[data-is-iphonex=true] {
            padding-bottom: 100px
        }

        .share-list-content-sort--jGxo_ {
            height: 36px;
            margin-top: 8px;
            padding: 0 16px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer
        }

        .sort-label--NhatK {
            font-size: 14px;
            color: #25262b;
            margin-right: 5px
        }

        .share-list-footer--3BJ-k {
            display: -ms-flexbox;
            display: flex;
            height: 44px;
            width: 100vw;
            -ms-flex-pack: center;
            justify-content: center;
            position: fixed;
            bottom: 42px
        }

        .btn-margin--3jiA7 {
            margin-right: 12px
        }

        .sort-header--2fOSu {
            font-size: 12px;
            line-height: 1.6;
            color: rgba(37, 38, 43, .72);
            margin-bottom: 8px
        }

        .sort-items--14DYc {
            background: rgba(132, 133, 141, .08);
            border-radius: 10px
        }

        .sort-item--2i5vu {
            display: -ms-flexbox;
            display: flex;
            height: 50px;
            padding: 0 16px;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative
        }

        .sort-item-active--3xphC {
            font-size: 16px;
            line-height: 1.5;
            color: #25262b
        }

        .sort-line--1TvEc {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            background: rgba(132, 133, 141, .16)
        }
    </style>
    <style>
        .wrap-flex--1ZZIb {
            display: -ms-flexbox;
            display: flex
        }

        .header-wrap--2inxF {
            padding: 16px;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            background: #fefefe;
            -webkit-box-shadow: 0 1px 4px rgba(28, 28, 32, .04), 0 8px 24px rgba(28, 28, 32, .04);
            box-shadow: 0 1px 4px rgba(28, 28, 32, .04), 0 8px 24px rgba(28, 28, 32, .04)
        }

        .flex-colu--1CmiG {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex: 1 1;
            flex: 1 1
        }

        .title--MTnjr {
            font-size: 14px;
            line-height: 1.5;
            color: #25262b;
            max-width: calc(100vw - 82px);
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .time--2X_PY {
            font-size: 12px;
            line-height: 1.6;
            color: rgba(37, 38, 43, .36)
        }

        .separator--3p2NH {
            white-space: pre
        }

        .spread--2Bx9n {
            font-size: 14px;
            line-height: 1.5;
            color: #637dff
        }

        .avatar--3HCEy {
            height: 38px;
            width: 38px;
            border-radius: 50%;
            margin-right: 12px
        }
    </style>
    <style>
        .btn--2uN28 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 100px;
            padding: 0 20px 0;
            font-size: 14px
        }

        .btn-default--3HHo0 {
            color: #25262b;
            background: rgba(254, 254, 254, .88);
            -webkit-box-shadow: 0 16px 48px rgba(38, 38, 38, .12);
            box-shadow: 0 16px 48px rgba(38, 38, 38, .12);
            -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px)
        }

        .btn-primary--O7a3S {
            color: #fff;
            background: -o-linear-gradient(311.86deg, #637dff 0%, rgba(99, 125, 255, 0.49) 119.78%);
            background: linear-gradient(138.14deg, #637dff 0%, rgba(99, 125, 255, 0.49) 119.78%);
            -webkit-box-shadow: 0 16px 48px rgba(38, 38, 38, .12);
            box-shadow: 0 16px 48px rgba(38, 38, 38, .12);
            -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px)
        }

        .btn-size-large--3TQod,
        .btn-size-small--2_zfh,
        .btn-size-default--D1S9e {
            height: 44px
        }

        .btn-icon--23MYj {
            font-size: 24px !important;
            width: 24px;
            height: 24px;
            margin-right: 8px
        }
    </style>
    <style>
        .header--3aPXp {
            position: -webkit-sticky;
            position: sticky;
            top: 0
        }

        .footer--MNoEO {
            display: -ms-flexbox;
            display: flex;
            height: 44px;
            width: 100vw;
            -ms-flex-pack: center;
            justify-content: center;
            position: fixed;
            bottom: 20px
        }

        .footer--MNoEO[data-is-iphonex=true] {
            bottom: 55px
        }

        .btn-margin--H0qzM {
            margin-right: 12px
        }
    </style>
    <style>
        .share-error--2N71i {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
            top: 135px
        }

        .share-error--2N71i[data-is-mobile=false] {
            top: 200px
        }

        .share-error-img--H2qlH {
            width: 112px;
            height: 112px
        }

        .share-error-tips--3n1uv {
            width: 240px;
            font-size: 16px;
            line-height: 1.4;
            color: #25262b;
            text-align: center
        }
    </style>
    <style>
        .breadcrumb-wrap--2iqqe {
            display: -ms-flexbox;
            display: flex;
            font-size: 16px;
            line-height: 1.5;
            width: 100%;
            overflow: hidden;
            position: relative
        }

        .breadcrumb-wrap--2iqqe[data-align=center] {
            -ms-flex-pack: center;
            justify-content: center
        }

        .breadcrumb-wrap--2iqqe[data-align=left] {
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .breadcrumb-wrap--2iqqe[data-align=right] {
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            min-width: 60px
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ>div.breadcrumb-item--tV9dn:last-child {
            min-width: 0;
            width: 100%
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ>div.breadcrumb-item--tV9dn:last-child div.breadcrumb-item-link--M-p4b {
            width: 100%;
            color: var(--context_primary)
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ>div.breadcrumb-item--tV9dn:last-child div.breadcrumb-item-separator--r1w8a {
            display: none
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ[data-calc=true]>div.breadcrumb-item--tV9dn:last-child div.breadcrumb-item-link--M-p4b {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .breadcrumb-wrap--2iqqe .breadcrumb--2FqFQ[data-calc=true]>div.breadcrumb-item--tV9dn:last-child div.breadcrumb-item-link--M-p4b div {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .breadcrumb-item--tV9dn {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            white-space: nowrap;
            color: var(--context_tertiary);
            cursor: pointer
        }

        .breadcrumb-item--tV9dn .breadcrumb-item-link--M-p4b {
            line-height: 150%;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .breadcrumb-item--tV9dn .breadcrumb-item-link--M-p4b:hover {
            color: var(--theme_hover)
        }

        .breadcrumb-item--tV9dn .breadcrumb-item-separator--r1w8a {
            line-height: 140%;
            margin: 0 8px
        }

        .more-wrapper--2lOkN {
            height: 28px;
            width: 28px;
            border-radius: 6px;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            font-size: 18px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .more-wrapper--2lOkN:hover {
            background-color: var(--theme_quarternary);
            color: var(--theme_primary)
        }
    </style>
    <style>
        .header--gtcpf {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            grid-gap: 12px;
            gap: 12px
        }

        .avatar--1HvTQ {
            height: 32px;
            width: 32px;
            border-radius: 50%
        }

        .desc--JNHvp {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .title--2xCjp {
            font-size: 16px;
            line-height: 1.5;
            color: var(--context_primary)
        }

        .time--1CPp1 {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary)
        }
    </style>
    <style>
        .header--3_N8s {
            height: 72px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            grid-gap: 64px;
            gap: 64px;
            padding: 0 20px
        }

        .logo--1tGjn {
            background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01KscOy91CTb90VWSIs_!!6000000000082-2-tps-405-96.png);
            width: 118px;
            height: 28px;
            background-repeat: no-repeat;
            background-size: cover;
            display: block
        }

        .breadcrumb--3qu55 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex: auto;
            flex: auto;
            max-width: calc(100vw - 128px - 40px - 118px - 181px)
        }

        .action--9-qBb {
            display: -ms-flexbox;
            display: flex
        }

        .action--9-qBb>div:first-child {
            margin-right: 16px
        }

        .avatar--1pRFo {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            grid-gap: 12px;
            gap: 12px
        }

        .avatar--1pRFo>img {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            opacity: .4
        }
    </style>
    <style>
        .trigger-wrapper--1r3AZ {
            overflow: hidden;
            height: 100%;
            position: relative
        }

        .context-overlay--2879X {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1
        }

        .ant-dropdown-open+.context-overlay--2879X {
            opacity: 0;
            z-index: 0
        }
    </style>
    <style>
        .node-list--1F7Np {
            position: relative;
            overflow: hidden
        }

        .node-list--1F7Np .bottom-placeholder--1y_AG {
            width: 100%;
            height: 128px
        }
    </style>
    <style>
        .node-list-table-view--2qFqi {
            height: 100%
        }

        .node-list-table-view--2qFqi .td--GiK_C {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 52px;
            position: relative
        }

        .node-list-table-view--2qFqi .td--GiK_C .checkbox--3Oa4z {
            position: absolute;
            top: 50%;
            left: 4px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .node-list-table-view--2qFqi .td--GiK_C .cover--3g7At {
            margin-right: 20px
        }

        .node-list-table-view--2qFqi .td--GiK_C .text-primary--ryHfg {
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .node-list-table-view--2qFqi .td--GiK_C .text-secondary--3288M {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_secondary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .node-list-table-view--2qFqi .td--GiK_C .text-secondary--3288M span[data-red=true] {
            color: var(--red_primary)
        }

        .node-list-table-view--2qFqi .td--GiK_C .text-secondary--3288M span[data-purple=true] {
            color: var(--theme_primary)
        }

        .node-list-table-view--2qFqi .tr--5N-1q .action-wrapper--16VHF {
            position: absolute;
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: var(--background_tertiary);
            -webkit-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            -o-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            cursor: pointer;
            opacity: 0;
            right: 0;
            font-size: 18px
        }

        .node-list-table-view--2qFqi .tr--5N-1q:hover .action-wrapper--16VHF {
            opacity: 1
        }
    </style>
    <style>
        .cover--2UinW {
            margin-right: 20px
        }

        .action-wrapper--2ZXmq {
            position: absolute;
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: var(--background_tertiary);
            -webkit-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            -o-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            cursor: pointer;
            opacity: 0;
            right: 0;
            font-size: 18px
        }

        [class^=tr--]:hover .action-wrapper--2ZXmq {
            opacity: 1
        }

        .text-primary--3DHOJ {
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-transition: color .3s ease;
            -o-transition: color .3s ease;
            transition: color .3s ease;
            margin: 0
        }

        [data-is-selected=true] .text-primary--3DHOJ {
            font-weight: 500
        }
    </style>
    <style>
        .text-primary--2pcrx {
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            margin: 0
        }

        .text-secondary--38-Of {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_secondary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            margin: 0
        }
    </style>
    <style>
        .node-card-container--15eTK {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: center;
            align-items: center
        }

        .node-card-container--15eTK .outer-wrapper--25yYA {
            position: relative;
            border-radius: 10px;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .node-card-container--15eTK .outer-wrapper--25yYA:hover {
            background-color: var(--divider_tertiary)
        }

        .node-card-container--15eTK .outer-wrapper--25yYA:hover .action-btn--2UN7G {
            opacity: 1;
            pointer-events: all
        }

        .node-card-container--15eTK .outer-wrapper--25yYA .action-btn--2UN7G {
            position: absolute;
            top: 4px;
            width: 24px;
            height: 24px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
            background-color: var(--background_tertiary);
            -webkit-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            -o-transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            transition: opacity .3s ease, color .3s ease, background-color .3s ease;
            cursor: pointer;
            opacity: 0;
            pointer-events: none;
            z-index: 1
        }

        .node-card-container--15eTK .outer-wrapper--25yYA .action-btn--2UN7G.action-btn-select--XVxU9 {
            left: 4px
        }

        .node-card-container--15eTK .outer-wrapper--25yYA .action-btn--2UN7G.action-btn-more--1OIdC {
            right: 4px;
            color: var(--context_tertiary);
            font-size: 18px
        }

        .node-card-container--15eTK .outer-wrapper--25yYA .action-btn--2UN7G.action-btn-more--1OIdC:hover {
            color: var(--context_primary)
        }

        .node-card-container--15eTK .outer-wrapper--25yYA[data-is-selected=true] {
            background-color: var(--theme_quarternary)
        }

        .node-card-container--15eTK .outer-wrapper--25yYA[data-is-selected=true] .action-btn-select--XVxU9 {
            background-color: var(--background_tertiary_blur);
            opacity: 1;
            pointer-events: all
        }

        .node-card-container--15eTK .outer-wrapper--25yYA[data-is-selected=true] .action-btn-more--1OIdC {
            display: none
        }

        .node-card-container--15eTK .outer-wrapper--25yYA[data-is-selected=true] .title--3x5k2 {
            font-weight: 500
        }

        .node-card-container--15eTK .node-card--2g50y {
            position: relative;
            width: 123px;
            border-radius: 10px;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: stretch;
            align-items: stretch;
            padding: 8px 4px 10px
        }

        .node-card-container--15eTK .node-card--2g50y .cover--gTfWt {
            margin-bottom: 12px
        }

        .node-card-container--15eTK .node-card--2g50y .info--2-g3p {
            width: 100%
        }

        .node-card-container--15eTK .node-card--2g50y .info--2-g3p .title--3x5k2 {
            width: 100%;
            text-align: center;
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow-wrap: break-word;
            margin-bottom: 2px;
            -webkit-transition: color .3s ease;
            -o-transition: color .3s ease;
            transition: color .3s ease
        }

        .node-card-container--15eTK .node-card--2g50y .info--2-g3p .desc--14kt2 {
            width: 100%;
            text-align: center;
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .node-card-container--15eTK .node-card--2g50y[data-view-as=icon] {
            width: 77px;
            height: 147px
        }

        .node-card-container--15eTK .node-card--2g50y[data-view-as=icon] .cover--gTfWt {
            margin-bottom: 12px
        }
    </style>
    <style>
        .node-list-grid-view--1v1MF {
            position: relative;
            max-height: 100%
        }
    </style>
    <style>
        .menu-wrapper--180OK {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: var(--context_primary)
        }

        .check-icon--2L6Fa {
            font-size: 18px;
            color: var(--theme_primary);
            margin-right: 8px;
            visibility: hidden
        }

        .check-icon--2L6Fa[data-active=true] {
            visibility: visible
        }
    </style>
    <style>
        .sort-trigger--zws1a {
            height: 28px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            border-radius: 5px;
            padding: 4px 6px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_secondary);
            cursor: pointer;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .sort-trigger--zws1a:hover {
            color: var(--context_primary);
            background-color: var(--divider_tertiary)
        }

        .sort-icon--208mL {
            margin-right: 4px;
            font-size: 18px
        }
    </style>
    <style>
        .header-wrapper--3PsJc {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 28px;
            font-size: 12px;
            line-height: 1.6;
            padding: 0 40px;
            margin-bottom: 12px
        }

        .header-wrapper--3PsJc .right-wrapper--zcyjw {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .list-sum--3uPu7 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: var(--context_primary)
        }

        .checkbox--1xNCh {
            margin-right: 8px;
            padding: 0
        }
    </style>
    <style>
        .switch-wrapper--1yEfx {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 28px;
            width: 28px;
            cursor: pointer;
            border-radius: 5px;
            font-size: 18px;
            margin-left: 16px;
            color: var(--context_secondary);
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .switch-wrapper--1yEfx:hover {
            background-color: var(--divider_tertiary);
            color: var(--context_primary)
        }
    </style>
    <style>
        .content-wrapper--1_WJv {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .content-wrapper--1_WJv .cover--2pw-Z {
            height: 126px;
            width: 160px;
            margin-bottom: 36px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .footer--3Q0je {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
    </style>
    <style>
        .info-wrapper--1VuWs {
            padding: 20px 0 40px
        }

        .group-wrapper--2kP4c {
            margin-bottom: 36px;
            padding: 0 20px;
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary)
        }

        .group-wrapper--2kP4c:last-child {
            margin-bottom: 0
        }

        .group-wrapper--2kP4c .name--jEmWa {
            font-size: 12px;
            line-height: 1.6;
            margin-bottom: 12px
        }

        .label-content--2JNmy {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .label-wrapper--xbCeu {
            background: var(--divider_tertiary);
            border-radius: 5px;
            padding: 3px 12px;
            margin-right: 12px;
            margin-bottom: 8px
        }

        .detail-group--1n9wa {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 12px
        }

        .detail-group--1n9wa .icon-wrapper--1uGY3 {
            font-size: 18px;
            margin-right: 12px;
            height: 20px;
            width: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: end;
            align-items: flex-end;
            -ms-flex-pack: center;
            justify-content: center
        }

        .detail-group--1n9wa .title-wrapper--3NyVG {
            word-break: break-word
        }

        .detail-group--1n9wa .desc-wrapper--wbgPa {
            color: var(--context_tertiary);
            font-size: 12px;
            line-height: 1.6
        }

        .detail-group--1n9wa:last-child {
            margin-bottom: 0
        }
    </style>
    <style>
        .modal-wrapper--1JPN- .ant-modal-content {
            height: 520px;
            overflow: hidden
        }

        .modal-wrapper--1JPN- .ant-modal-header {
            height: 0
        }

        .modal-wrapper--1JPN- .ant-modal-body {
            padding: 0
        }

        .scroll-wrapper--3g_yw {
            height: 520px;
            overflow-y: auto;
            background: var(--background_tertiary)
        }

        .scroll-status--2E9nE .cover-wrapper--30Cni {
            height: 64px
        }

        .cover-wrapper--30Cni {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: var(--background_secondary_blur);
            -webkit-backdrop-filter: var(--bg-blur);
            backdrop-filter: var(--bg-blur);
            height: 216px;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            border-radius: 10px 10px 0 0
        }

        .info--3PmGF {
            background: var(--background_tertiary)
        }
    </style>
    <style>
        .carousel-wrapper--3oBAy {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: hidden;
            height: 100%;
            width: 100%;
            position: relative;
            -ms-flex-pack: center;
            justify-content: center
        }

        .click-zone-left--2cEqC,
        .click-zone-right--2vFEz {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 108px;
            cursor: pointer;
            z-index: 1
        }

        .click-zone-left--2cEqC[data-clickable=false],
        .click-zone-right--2vFEz[data-clickable=false] {
            cursor: default
        }

        .click-zone-right--2vFEz {
            right: 0
        }

        .scroll-wrapper--3UR3S {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: .3s ease;
            -o-transition: .3s ease;
            transition: .3s ease
        }

        .file-wrapper--3L10y {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            height: 140px;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transform: perspective(800px);
            transform: perspective(800px);
            -webkit-transition: .3s ease;
            -o-transition: .3s ease;
            transition: .3s ease
        }

        .file-wrapper--3L10y[data-current=true] {
            width: 200px
        }

        .file-wrapper--3L10y[data-prev=true] {
            -webkit-transform: perspective(800px) rotateY(45deg);
            transform: perspective(800px) rotateY(45deg)
        }

        .file-wrapper--3L10y[data-next=true] {
            -webkit-transform: perspective(800px) rotateY(-45deg);
            transform: perspective(800px) rotateY(-45deg)
        }

        .file-wrapper--3L10y[data-more=true] {
            background-color: var(--theme_quarternary);
            border-radius: 6px;
            color: var(--theme_primary)
        }

        .file-wrapper--3L10y .cover-wrapper--3YzRM {
            height: 140px;
            width: 200px
        }

        .file-wrapper--3L10y .cover-wrapper--3YzRM [class^=thumbnail] {
            height: 140px;
            width: 200px
        }

        .file-wrapper--3L10y .cover-wrapper--3YzRM img:not([class^=fileicon]) {
            border: 3px solid var(--background_primary)
        }

        .file-name--3FqsX {
            color: var(--context_secondary);
            font-size: 16px;
            line-height: 1.5;
            margin-top: 12px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            max-width: 206px;
            -ms-flex-item-align: center;
            align-self: center;
            height: 25px
        }

        .file-name--3FqsX[data-visible=false] {
            opacity: 0
        }

        .file-name--3FqsX[data-punished=true],
        .file-name--3FqsX[data-trashed=true] {
            color: var(--red_primary)
        }
    </style>
    <style>
        .pick-wrapper--3pNxV {
            position: relative
        }

        .item-wrapper--6Rmnl {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            position: relative
        }

        .item-wrapper--6Rmnl span {
            position: absolute;
            font-size: 18px;
            color: var(--theme_primary)
        }

        .item-wrapper--6Rmnl .title--8G1xh {
            margin-left: 28px
        }

        .date-picker--2Ac8Y {
            opacity: 0;
            position: absolute !important;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1
        }
    </style>
    <style>
        .modal-wrapper--KsSCw .ant-modal-body {
            height: 630px;
            padding: 0
        }

        .content-wrapper--zQa_H .preview-wrapper--1D56e {
            height: 282px;
            border-radius: 10px 10px 0 0;
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--theme_quarternary)));
            background: -o-linear-gradient(top, transparent 0%, var(--theme_quarternary) 100%);
            background: linear-gradient(180deg, transparent 0%, var(--theme_quarternary) 100%);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .content-wrapper--zQa_H .preview-wrapper--1D56e .title--23p0b {
            color: var(--context_primary);
            font-size: 18px;
            margin-top: 17px
        }

        .content-wrapper--zQa_H .share-expire-wrapper--3y_Nn {
            display: -ms-flexbox;
            display: flex;
            font-size: 12px;
            line-height: 1.6;
            margin-left: 12px;
            color: var(--context_secondary);
            cursor: pointer
        }

        .content-wrapper--zQa_H .share-expire-wrapper--3y_Nn span {
            font-size: 18px;
            margin-left: 4px
        }

        .content-wrapper--zQa_H .qr-wrapper--xFsQQ {
            display: -ms-flexbox;
            display: flex;
            padding: 12px;
            border-radius: 12px;
            background-color: var(--basic_white);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card);
            margin-top: 20px;
            height: 122px;
            width: 122px
        }

        .content-wrapper--zQa_H .share-content--2Dy_m {
            padding: 20px 28px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .content-wrapper--zQa_H .share-by-url--LfcNg {
            font-size: 14px;
            line-height: 1.5;
            height: 28px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: var(--context_primary);
            margin-bottom: 8px;
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .content-wrapper--zQa_H .url-wrapper--wOIs7 {
            width: 100%;
            height: 44px;
            color: var(--context_tertiary);
            background-color: var(--divider_tertiary);
            border-radius: 10px;
            -webkit-backdrop-filter: var(--bg-blur);
            backdrop-filter: var(--bg-blur);
            padding: 8px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .content-wrapper--zQa_H .url-wrapper--wOIs7 .url--2q5A4 {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .content-wrapper--zQa_H .url-wrapper--wOIs7 .copy-button--26uuX {
            height: 28px;
            -ms-flex: none;
            flex: none;
            min-width: 72px
        }

        .share-icon-group--1CiTE {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin: 8px 0 16px 0
        }

        .share-icon-wrapper--16rIy {
            height: 24px;
            width: 24px;
            border-radius: 50%;
            border: 1px solid var(--background_secondary);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: 12px
        }

        .share-icon-wrapper--16rIy:last-child {
            margin-right: 0
        }

        .share-tip--3T_P0 {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary)
        }
    </style>
    <style>
        .modal-wrapper--23hAg .ant-modal-body {
            height: 520px;
            padding: 0;
            padding: 25px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .content-wrapper--3hd29 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .content-wrapper--3hd29 .tip--1KUlS {
            font-size: 16px;
            line-height: 1.5;
            color: var(--context_primary);
            margin: 38px 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .content-wrapper--3hd29 .qr-wrapper--1Pxj8 {
            display: -ms-flexbox;
            display: flex;
            padding: 12px;
            border-radius: 12px;
            background-color: var(--basic_white);
            -webkit-box-shadow: var(--shadow_card);
            box-shadow: var(--shadow_card);
            height: 122px;
            width: 122px
        }

        .content-wrapper--3hd29 .desc--8V5BF {
            color: var(--context_tertiary);
            font-size: 12px;
            line-height: 1.6;
            margin-top: 16px
        }

        .content-wrapper--3hd29 .share-icon-group--N-ixS {
            display: -ms-flexbox;
            display: flex;
            margin-top: 8px
        }

        .content-wrapper--3hd29 .icon-wrapper--5FFou {
            height: 36px;
            width: 36px;
            border-radius: 8px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .content-wrapper--3hd29 .icon-wrapper--5FFou:first-child {
            margin-right: 4px
        }

        .content-wrapper--3hd29 .icon-wrapper--5FFou:hover,
        .content-wrapper--3hd29 .icon-wrapper--5FFou[data-active=true] {
            background-color: var(--divider_tertiary)
        }
    </style>
    <style>
        .container--1RqbN {
            height: 388px;
            margin: 0 -20px;
            background: var(--background_tertiary)
        }

        .container--1RqbN .bread-container--npII5 {
            padding: 0 20px 12px
        }

        .container--1RqbN [class^=breadcrumb-wrap] {
            font-size: 12px;
            line-height: 1.6;
            height: 30px
        }

        .list--13IBL {
            height: 358px;
            overflow: auto;
            position: relative
        }

        .list--13IBL::before {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            content: "";
            height: 1px;
            top: 0;
            background: var(--divider_tertiary)
        }

        .list--13IBL::after {
            display: block;
            position: absolute;
            content: "";
            height: 1px;
            top: 0;
            width: 100%;
            z-index: 2;
            background: var(--background_tertiary)
        }

        .list--13IBL .create-folder-input--2YXF6 {
            width: 304px;
            height: 36px;
            -ms-flex: 1 1;
            flex: 1 1;
            margin-right: 12px
        }

        .list--13IBL .create-folder-action--2xLNt {
            display: -ms-flexbox;
            display: flex
        }

        .list--13IBL .create-folder-action--2xLNt .create-folder-action-icon--i7Syk {
            font-size: 20px;
            width: 20px;
            height: 20px;
            color: var(--theme_primary);
            cursor: pointer
        }

        .list--13IBL .create-folder-action--2xLNt .create-folder-action-icon--i7Syk+.create-folder-action-icon--i7Syk {
            color: var(--context_tertiary);
            margin-left: 8px
        }

        .list--13IBL .create-folder-action--2xLNt .create-folder-action-icon--i7Syk+.create-folder-action-icon--i7Syk:hover {
            color: var(--context_secondary)
        }

        .footer--1r-ur {
            height: 68px;
            background: var(--background_secondary_blur);
            -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
            margin: -20px;
            padding: 0 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-radius: 0 0 10px 10px
        }

        .footer--1r-ur .create--9908x {
            font-size: 14px;
            line-height: 1.5;
            color: var(--theme_primary);
            cursor: pointer
        }

        .footer--1r-ur .buttons--nBPeo {
            display: -ms-flexbox;
            display: flex
        }

        .footer--1r-ur .buttons--nBPeo>* {
            width: 94px
        }

        .footer--1r-ur .buttons--nBPeo>*+* {
            margin-left: 16px
        }

        .item--18Z6t {
            height: 44px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            font-size: 14px;
            line-height: 1.5;
            color: var(--color_primary);
            border-radius: 10px;
            padding: 0 12px;
            margin: 0 8px
        }

        .item--18Z6t[data-type=file] {
            opacity: .5;
            cursor: not-allowed
        }

        .item--18Z6t[data-type=folder] {
            cursor: pointer
        }

        .item--18Z6t[data-type=folder]:hover {
            background: var(--divider_tertiary)
        }

        .item--18Z6t span {
            width: 300px;
            display: inline-block;
            color: var(--context_primary);
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .file-icon--3CoKG {
            width: 28px;
            margin-right: 16px
        }

        .placeholder---npkN {
            padding-top: 72px;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .placeholder---npkN img {
            width: 112px
        }

        .placeholder---npkN span {
            font-size: 14px;
            line-height: 1.5;
            color: var(--context_primary)
        }
    </style>
    <style>
        .menu-wrapper--28yqL {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease
        }

        .menu-wrapper--28yqL[data-confirm=true] {
            color: var(--red_hover)
        }

        .menu-wrapper--28yqL>span[data-icon-type=PDSStar],
        .menu-wrapper--28yqL>span[data-icon-type=PDSStarFill] {
            color: var(--orange_primary)
        }

        .menu-wrapper--28yqL>span[data-icon-type=PDSStar] {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            opacity: 0
        }

        .menu-wrapper--28yqL:hover>span[data-icon-type=PDSStar] {
            opacity: 1
        }

        .menu-name--3U49d {
            font-size: 14px;
            line-height: 1.5
        }
    </style>
    <style>
        .tool-icon--1fPAk {
            font-size: 18px
        }
    </style>
    <style>
        .list-container--2l28P {
            padding: 12px 160px 0 160px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            grid-gap: 12px;
            gap: 12px
        }
    </style>
    <style>
        .list-container--3_lxE {
            padding: 12px 160px 0 160px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            grid-gap: 12px;
            gap: 12px
        }
    </style>
    <style>
        .toast--Vh5QS {
            position: fixed;
            z-index: 100000;
            width: 100vw;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: transparent
        }

        .show--3Z_ov {
            opacity: 1 !important
        }

        .toast-message--3UVbC {
            background: rgba(255, 255, 255, .88);
            padding: 12px;
            border-radius: 200px;
            -webkit-backdrop-filter: blur(24px);
            backdrop-filter: blur(24px);
            font-size: 14px;
            line-height: 1.5;
            -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05);
            -webkit-filter: drop-shadow(0 2px 8px rgba(28, 28, 32, 0.06)) drop-shadow(0 16px 48px rgba(28, 28, 32, 0.2));
            filter: drop-shadow(0 2px 8px rgba(28, 28, 32, 0.06)) drop-shadow(0 16px 48px rgba(28, 28, 32, 0.2));
            opacity: 0;
            -webkit-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

        .toast-type-default--CJICb {
            color: #25262b
        }

        .toast-type-error--1ZfCW {
            color: #f35b51
        }
    </style>
    <style>
        .loading--2qwrg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            background: transparent
        }

        .loading-container--7DCLb {
            width: 56px;
            height: 56px;
            background: rgba(255, 255, 255, .88);
            -webkit-backdrop-filter: blur(24px);
            backdrop-filter: blur(24px);
            border-radius: 10px;
            -webkit-box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05);
            box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05);
            -webkit-filter: drop-shadow(0 8px 24px rgba(28, 28, 32, 0.12));
            filter: drop-shadow(0 8px 24px rgba(28, 28, 32, 0.12));
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .loading-img--3tKsL {
            width: 36px;
            height: 36px;
            -webkit-animation: rotate360--1F729 infinite 1.5s linear;
            animation: rotate360--1F729 infinite 1.5s linear
        }

        @-webkit-keyframes rotate360--1F729 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes rotate360--1F729 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
    </style>
    <style>
        .container--2aJfE {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background: -o-linear-gradient(295.71deg, rgba(115, 136, 244, 0) 16.29%, rgba(153, 176, 255, 0.24) 83.79%), url(https://gw.alicdn.com/imgextra/i4/O1CN012q5pbO1pFBh0SeoiE_!!6000000005330-2-tps-64-116.png) no-repeat 0 166px, url(https://gw.alicdn.com/imgextra/i1/O1CN01aCzIUr1CDZHCSFJZ5_!!6000000000047-2-tps-86-110.png) no-repeat 100% 107px, url(https://gw.alicdn.com/imgextra/i4/O1CN01Zdk7ao1HqZ4wn9xCB_!!6000000000809-2-tps-90-88.png) no-repeat 24px 136px;
            background: linear-gradient(154.29deg, rgba(115, 136, 244, 0) 16.29%, rgba(153, 176, 255, 0.24) 83.79%), url(https://gw.alicdn.com/imgextra/i4/O1CN012q5pbO1pFBh0SeoiE_!!6000000005330-2-tps-64-116.png) no-repeat 0 166px, url(https://gw.alicdn.com/imgextra/i1/O1CN01aCzIUr1CDZHCSFJZ5_!!6000000000047-2-tps-86-110.png) no-repeat 100% 107px, url(https://gw.alicdn.com/imgextra/i4/O1CN01Zdk7ao1HqZ4wn9xCB_!!6000000000809-2-tps-90-88.png) no-repeat 24px 136px;
            background-size: 100%, 32px, 43px, 44px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .logo--7tYEb {
            background-image: url(https://gw.alicdn.com/imgextra/i4/O1CN01uzwDkN1XeEGS14Xtv_!!6000000002948-2-tps-240-56.png);
            width: 120px;
            height: 28px;
            background-size: 100%;
            margin-top: 32px
        }

        .avatar--2-c0W {
            width: 108px;
            height: 108px;
            margin-top: 34px;
            background: -o-linear-gradient(270.01deg, rgba(153, 176, 255, 0.16) 0.01%, rgba(180, 192, 255, 0.06) 99.99%);
            background: linear-gradient(179.99deg, rgba(153, 176, 255, 0.16) 0.01%, rgba(180, 192, 255, 0.06) 99.99%);
            border-radius: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .avatar--2-c0W img {
            width: 64px;
            height: 64px;
            border-radius: 100%;
            border: 3px solid #fff
        }

        .title--gs2R2 {
            font-size: 20px;
            line-height: 140%;
            margin-top: 18px;
            color: var(--basic_black)
        }

        .form--1V0d_ {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 28px;
            width: 100%;
            padding: 0 20px
        }

        .code-input--3Cvf7 {
            background: var(--divider_tertiary);
            border-radius: 10px;
            max-width: 327px;
            width: 100%;
            height: 50px;
            border: 0;
            font-size: 16px;
            line-height: 1.4;
            text-align: center;
            color: var(--context_primary);
            outline: none
        }

        .code-input--3Cvf7::-webkit-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--3Cvf7::-moz-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--3Cvf7:-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--3Cvf7::-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--3Cvf7::placeholder {
            color: var(--context_tertiary)
        }

        .button--23J74 {
            background: -o-linear-gradient(320.88deg, #446dff 0%, rgba(99, 125, 255, 0.75) 100%);
            background: linear-gradient(129.12deg, #446dff 0%, rgba(99, 125, 255, 0.75) 100%);
            -webkit-backdrop-filter: blur(24px);
            backdrop-filter: blur(24px);
            border-radius: 10px;
            max-width: 327px;
            width: 100%;
            height: 50px;
            margin-top: 16px;
            color: var(--basic_white);
            border: 0;
            font-size: 16px;
            line-height: 1.4;
            cursor: pointer
        }

        .button--23J74[data-is-disabled=true] {
            background: rgba(37, 38, 43, .18);
            cursor: not-allowed
        }

        .expired-info--1GFLt {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary);
            margin-top: 12px
        }
    </style>
    <style>
        .container--2Kbgk {
            max-height: 100vh;
            overflow: auto
        }
    </style>
    <style>
        .header--1vlBu {
            height: 64px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .header--1vlBu .title--2-61C {
            -ms-flex: auto;
            flex: auto;
            font-size: 16px;
            line-height: 140%;
            color: var(--context_primary);
            max-width: calc(100% - 56px);
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .header--1vlBu .img-wrap--b-9tL {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 5px;
            width: 40px;
            height: 40px;
            -o-object-fit: cover;
            object-fit: cover;
            margin-right: 16px
        }

        .header--1vlBu .img-wrap--b-9tL>img {
            width: 100%;
            height: 100%;
            border-radius: 5px
        }

        .content--25V6W {
            height: calc(90vh - 244px);
            overflow: scroll;
            margin: 0 -16px;
            position: relative;
            border-bottom: 1px solid var(--divider_tertiary)
        }

        .content--25V6W::before {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            content: "";
            height: 1px;
            top: 0;
            background: var(--divider_tertiary)
        }

        .content--25V6W::after {
            display: block;
            position: absolute;
            content: "";
            height: 1px;
            top: 0;
            width: 100%;
            z-index: 2;
            background: var(--background_tertiary)
        }

        .content--25V6W .list-wrap---ZsGj {
            height: calc(100% - 2px)
        }

        .footer--2n5Fx {
            height: 56px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -ms-flex-align: center;
            align-items: center
        }

        .footer--2n5Fx>span {
            cursor: pointer;
            font-size: 16px;
            line-height: 160%;
            color: var(--theme_primary)
        }

        .folder--2hEeG {
            height: calc(90vh - 148px)
        }

        .header-btn-default--3qkaj,
        .header-btn-active--1E5FD {
            font-size: 16px;
            line-height: 160%;
            color: var(--context_primary);
            cursor: pointer
        }

        .header-btn-active--1E5FD {
            color: var(--theme_primary)
        }

        .code-input--2iBmn {
            background: var(--divider_tertiary);
            border-radius: 10px;
            max-width: 327px;
            width: 100%;
            height: 50px;
            border: 0;
            font-size: 16px;
            line-height: 140%;
            text-align: center;
            color: var(--context_primary);
            outline: none;
            margin: 0 auto;
            display: block
        }

        .code-input--2iBmn::-webkit-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2iBmn::-moz-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2iBmn:-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2iBmn::-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2iBmn::placeholder {
            color: var(--context_tertiary)
        }

        .folder-placeholder-img--3ABte {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 80px 0 25px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .folder-placeholder-img--3ABte>img {
            width: 149px;
            height: 120px
        }

        .placeholder--3NW07 {
            padding-top: 72px;
            width: 100%;
            height: calc(100% - 2px);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .placeholder--3NW07 img {
            width: 112px
        }

        .placeholder--3NW07 span {
            font-size: 14px;
            line-height: 150%;
            color: var(--context_primary)
        }

        .breadcrumb--8hsTg {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .breadcrumb--8hsTg>span {
            font-size: 16px;
            line-height: 150%;
            color: var(--context_primary)
        }

        .loading-wrap--1jNsY {
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .loading-container--3jwAa {
            width: 56px;
            height: 56px;
            background: rgba(255, 255, 255, .88);
            -webkit-backdrop-filter: blur(24px);
            backdrop-filter: blur(24px);
            border-radius: 10px;
            -webkit-box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05);
            box-shadow: 0 0 1px 1px rgba(28, 28, 32, .05);
            -webkit-filter: drop-shadow(0 8px 24px rgba(28, 28, 32, 0.12));
            filter: drop-shadow(0 8px 24px rgba(28, 28, 32, 0.12));
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center
        }

        .loading-img--gYwrM {
            width: 36px;
            height: 36px;
            -webkit-animation: rotate360--2pLWF infinite 1.5s linear;
            animation: rotate360--2pLWF infinite 1.5s linear
        }

        @-webkit-keyframes rotate360--2pLWF {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes rotate360--2pLWF {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
    </style>
    <style>
        .outer-wrapper--3ViSy {
            visibility: hidden;
            position: absolute;
            bottom: 52px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 5
        }

        .outer-wrapper--3ViSy[data-show=true] {
            visibility: visible
        }

        .outer-wrapper--3ViSy[data-dragging=true] .toolbar-wrapper--2a4h2 {
            pointer-events: none
        }

        .toolbar-wrapper--2a4h2 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 8px 16px;
            border-radius: 10px;
            border: 1px solid var(--divider_primary);
            background: var(--basic_elevated);
            -webkit-backdrop-filter: var(--bg-blur);
            backdrop-filter: var(--bg-blur);
            overflow: visible;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .toolbar-wrapper--2a4h2 .ant-tooltip {
            top: -40px !important;
            white-space: nowrap
        }

        .toolbar-wrapper--2a4h2 .ant-dropdown {
            top: -56px !important
        }

        .toolbar-item--21b0l {
            border-radius: 5px;
            padding: 6px;
            font-size: 18px;
            cursor: pointer;
            -webkit-transition: background .3s ease;
            -o-transition: background .3s ease;
            transition: background .3s ease;
            color: var(--basic_white);
            margin-left: 8px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .toolbar-item--21b0l[data-disabled=true] {
            cursor: not-allowed;
            color: var(--basic_white_quarternary)
        }

        .toolbar-item--21b0l[data-disabled=false][data-no-hover=false]:hover {
            background: var(--basic_white_quarternary)
        }

        .toolbar-item--21b0l:hover>span[data-icon-type=PDSCloseCircleFill] {
            color: var(--basic_white)
        }

        .toolbar-item--21b0l:first-child {
            margin-left: 0
        }

        .toolbar-item--21b0l[data-danger=true]:hover {
            color: var(--red_primary)
        }

        .toolbar-item--21b0l>span[data-icon-type=PDSCloseCircleFill] {
            color: var(--basic_white_secondary)
        }

        .tool-icon--3vZTC {
            font-size: 18px
        }
    </style>
    <style>
        .container--1x-ed {
            height: 100%;
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .container--1x-ed .img-wrapper--vao4f {
            height: 100%;
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            background: var(--background_primary)
        }

        .container--1x-ed .img-wrapper--vao4f[data-full-screen=true] {
            background: #292929
        }

        .container--1x-ed img {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            -webkit-transform-origin: center center;
            transform-origin: center center;
            will-change: transform
        }

        .container--1x-ed img[data-loaded=true] {
            -webkit-animation: fade-in--1jAwr .1s ease backwards;
            animation: fade-in--1jAwr .1s ease backwards;
            visibility: visible
        }

        @-webkit-keyframes fade-in--1jAwr {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @keyframes fade-in--1jAwr {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .container--1x-ed img[data-loaded=false] {
            visibility: hidden
        }

        .ratio--1Ze0N {
            font-size: 12px;
            line-height: 1.6;
            width: 35px;
            text-align: center
        }

        .toolbar--1577I {
            width: 224px
        }
    </style>
    <style>
        .file-previewer-wrapper--1y7Wz {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            -webkit-transition: padding .3s cubic-bezier(0.44, 0.9, 0.6, 0.94) 0s;
            -o-transition: padding .3s cubic-bezier(0.44, 0.9, 0.6, 0.94) 0s;
            transition: padding .3s cubic-bezier(0.44, 0.9, 0.6, 0.94) 0s;
            overflow: hidden;
            padding: 80px 140px
        }

        .file-previewer-wrapper--1y7Wz[data-slider-show=true] {
            padding: 80px 40px
        }
    </style>
    <style>
        .toolbar-wrapper--1NDow {
            opacity: 0;
            padding: 4px;
            background-color: var(--background_primary_blur);
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            color: var(--context_tertiary);
            cursor: pointer;
            position: absolute;
            top: 130px;
            right: 14px;
            border-radius: 10px;
            border: .5px solid var(--background_primary_blur)
        }

        .toolbar-wrapper--1NDow:hover {
            background: var(--background_secondary);
            border-color: var(--divider_primary);
            color: var(--context_primary)
        }

        .toolbar-wrapper--1NDow[data-visible=true] {
            opacity: 1
        }

        .toolbar-item--2v3v2 {
            width: 32px;
            height: 40px;
            border-radius: 5px;
            -webkit-transition: background .3s ease;
            -o-transition: background .3s ease;
            transition: background .3s ease;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .toolbar-item--2v3v2:hover {
            background: var(--divider_tertiary)
        }

        .toolbar-item--2v3v2:hover>span[data-icon-type=PDSStar] {
            color: var(--orange_primary)
        }

        .toolbar-item--2v3v2[data-disabled=true] {
            cursor: not-allowed
        }

        .toolbar-item--2v3v2[data-disabled=true]:hover {
            background: none
        }

        .toolbar-item--2v3v2>span[data-icon-type=PDSStarFill] {
            color: var(--orange_primary)
        }
    </style>
    <style>
        .container--1KDdZ {
            width: 100%;
            height: 100%;
            background: var(--background_primary);
            display: -ms-flexbox;
            display: flex
        }

        .container--1KDdZ[data-slider-show=false] .slide-bar--aq0vM {
            width: 0;
            opacity: 0
        }

        .modal--2-twY {
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 8
        }

        .modal--2-twY[data-visible=true] {
            opacity: 1;
            -webkit-animation: modal-fade-in--1RfPR .3s ease;
            animation: modal-fade-in--1RfPR .3s ease;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        @-webkit-keyframes modal-fade-in--1RfPR {
            0% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes modal-fade-in--1RfPR {
            0% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        .modal--2-twY[data-visible=false] {
            opacity: 0;
            pointer-events: none;
            -webkit-animation: modal-fade-out--PoL5e .3s ease;
            animation: modal-fade-out--PoL5e .3s ease;
            -webkit-transform: scale(0.9);
            transform: scale(0.9)
        }

        @-webkit-keyframes modal-fade-out--PoL5e {
            0% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }
        }

        @keyframes modal-fade-out--PoL5e {
            0% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }
        }

        .content--2h39N {
            -ms-flex: 1 1;
            flex: 1 1;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -webkit-transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            overflow: hidden
        }

        .content--2h39N .header--2Vw8Y {
            width: 100%;
            height: 60px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: var(--background_primary_blur);
            -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 20px 0 24px;
            -webkit-app-region: drag
        }

        .content--2h39N .header--2Vw8Y .header-icon--DKQFF {
            width: 24px;
            height: 24px;
            font-size: 18px;
            color: var(--context_primary);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer
        }

        .content--2h39N .header--2Vw8Y .header-icon--DKQFF:hover {
            background: var(--divider_tertiary);
            border-radius: 5px
        }

        .content--2h39N .header--2Vw8Y .header-file-name--2Awtb {
            position: absolute;
            display: block;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 16px;
            line-height: 1.5;
            color: var(--context_primary);
            font-weight: 600;
            width: calc(100% - 450px);
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg {
            color: var(--context_primary);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-icon--DKQFF {
            margin-left: 36px;
            border-radius: 5px
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-icon--DKQFF[data-slider-show=true] {
            background: var(--divider_tertiary)
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-nav-action--1BsPd {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            height: 28px;
            padding: 0 8px;
            cursor: pointer;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-nav-action--1BsPd:hover {
            background: var(--divider_tertiary);
            border-radius: 5px
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-nav-action--1BsPd .header-nav-action-text--xne-5 {
            font-size: 12px;
            line-height: 1.6
        }

        .content--2h39N .header--2Vw8Y .header-actions--1ALOg .header-nav-action--1BsPd .header-nav-action-icon--26nBw {
            font-size: 18px
        }

        .content--2h39N .previewer--3q5IV {
            width: 100%;
            height: 100%;
            -ms-flex: 1 1;
            flex: 1 1
        }

        .slide-bar--aq0vM {
            width: 320px;
            height: 100%;
            background: var(--background_secondary);
            border-left: 1px solid var(--divider_tertiary);
            -webkit-transition: width .66s cubic-bezier(0.66, 0, 0.01, 1), opacity .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: width .66s cubic-bezier(0.66, 0, 0.01, 1), opacity .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: width .66s cubic-bezier(0.66, 0, 0.01, 1), opacity .66s cubic-bezier(0.66, 0, 0.01, 1);
            overflow-y: auto
        }

        .file-info--3920E {
            width: 319px
        }
    </style>
    <style>
        .toolbar-wrapper--27MCj {
            height: 60px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 16px 18px;
            background-color: var(--background_secondary_blur);
            -webkit-backdrop-filter: var(--bg-blur);
            backdrop-filter: var(--bg-blur);
            border-bottom: 1px solid var(--divider_tertiary);
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            -webkit-app-region: drag
        }

        .toolbar-item--12BmD {
            height: 28px;
            width: 28px;
            border-radius: 5px;
            cursor: pointer;
            margin-right: 36px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: var(--context_primary)
        }

        .toolbar-item--12BmD:hover {
            background-color: var(--divider_tertiary)
        }

        .toolbar-item--12BmD:hover>span[data-icon-type=PDSStar] {
            color: var(--orange_primary)
        }

        .toolbar-item--12BmD:last-child {
            margin-right: 0
        }

        .toolbar-item--12BmD[data-disabled=true] {
            cursor: not-allowed
        }

        .toolbar-item--12BmD[data-disabled=true]:hover {
            background: none
        }

        .toolbar-item--12BmD>span[data-icon-type=PDSStarFill] {
            color: var(--orange_primary)
        }
    </style>
    <style>
        .loader--3P7-4 {
            position: absolute;
            bottom: 28px;
            left: 32px;
            z-index: 5;
            -webkit-transform: translateY(100px);
            transform: translateY(100px);
            opacity: 0;
            -webkit-transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1), -webkit-transform .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1), -webkit-transform .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1), transform .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1), transform .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: opacity .66s cubic-bezier(0.66, 0, 0.01, 1), transform .66s cubic-bezier(0.66, 0, 0.01, 1), -webkit-transform .66s cubic-bezier(0.66, 0, 0.01, 1)
        }

        .loader--3P7-4[data-visible=true] {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1
        }
    </style>
    <style>
        .container--3sDkQ {
            height: 100%;
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .container--3sDkQ[data-show=false] {
            display: none
        }

        .container--3sDkQ iframe {
            width: 100% !important;
            height: 100% !important
        }
    </style>
    <style>
        .container--1UwT5 {
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .file-icon--_xNvu {
            width: 92px;
            margin-top: 220px
        }

        .file-name--1JgoA {
            font-size: 14px;
            line-height: 1.5;
            margin-top: 24px;
            text-align: center;
            color: var(--context_primary)
        }

        .desc--RdvWC {
            font-size: 12px;
            line-height: 1.6;
            margin-top: 8px;
            color: var(--context_tertiary)
        }

        .download--3kaVy {
            margin-top: 40px;
            font-size: 14px;
            line-height: 1.5;
            padding: 0 16px
        }
    </style>
    <style>
        .container--3m5UK {
            width: 100%;
            height: 100%;
            background: var(--background_primary);
            display: -ms-flexbox;
            display: flex
        }

        .modal--2-47z {
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 8
        }

        .modal--2-47z[data-visible=true] {
            opacity: 1;
            -webkit-animation: modal-fade-in--cWkFM .3s ease;
            animation: modal-fade-in--cWkFM .3s ease;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        @-webkit-keyframes modal-fade-in--cWkFM {
            0% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes modal-fade-in--cWkFM {
            0% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        .modal--2-47z[data-visible=false] {
            opacity: 0;
            pointer-events: none;
            -webkit-animation: modal-fade-out--1ATx8 .3s ease;
            animation: modal-fade-out--1ATx8 .3s ease;
            -webkit-transform: scale(0.9);
            transform: scale(0.9)
        }

        @-webkit-keyframes modal-fade-out--1ATx8 {
            0% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }
        }

        @keyframes modal-fade-out--1ATx8 {
            0% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }
        }

        .content--1bchT {
            -ms-flex: 1 1;
            flex: 1 1;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -webkit-transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            -o-transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            transition: padding .66s cubic-bezier(0.66, 0, 0.01, 1);
            overflow: hidden
        }

        .content--1bchT .header--1ZpPI {
            width: 100%;
            height: 60px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: var(--background_primary_blur);
            -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 20px 0 24px;
            -webkit-app-region: drag
        }

        .content--1bchT .header--1ZpPI .header-icon--bJn-- {
            width: 24px;
            height: 24px;
            font-size: 18px;
            color: var(--context_primary);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer
        }

        .content--1bchT .header--1ZpPI .header-icon--bJn--:hover {
            background: var(--divider_tertiary);
            border-radius: 5px
        }

        .content--1bchT .header--1ZpPI .header-file-name--CN_fq {
            position: absolute;
            display: block;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 16px;
            line-height: 1.5;
            color: var(--context_primary);
            font-weight: 600;
            width: calc(100% - 450px);
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .content--1bchT .header--1ZpPI .header-actions--2JaQG {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_primary);
            display: -ms-flexbox;
            display: flex
        }

        .content--1bchT .header--1ZpPI .header-actions--2JaQG .header-icon--bJn-- {
            margin-left: 36px
        }

        .content--1bchT .header--1ZpPI .header-actions--2JaQG .header-nav-action--O3oet {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            height: 28px;
            line-height: 28px;
            padding: 0 8px;
            cursor: pointer;
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease
        }

        .content--1bchT .header--1ZpPI .header-actions--2JaQG .header-nav-action--O3oet:hover {
            background: var(--divider_tertiary);
            border-radius: 5px
        }

        .content--1bchT .header--1ZpPI .header-actions--2JaQG .header-nav-action--O3oet .header-nav-action-icon--3wrk0 {
            font-size: 18px;
            height: 20px;
            width: 20px
        }

        .content--1bchT .previewer--1hX5V {
            width: 100%;
            height: 100%;
            -ms-flex: 1 1;
            flex: 1 1
        }
    </style>
    <style>
        .container--Gg24j {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background: -o-linear-gradient(295.71deg, rgba(153, 176, 255, 0.12) 16.29%, rgba(115, 136, 244, 0) 83.79%), url(https://img.alicdn.com/imgextra/i1/O1CN01S5jyez1D64PoyleM6_!!6000000000166-2-tps-138-136.png) no-repeat 80px 446px, url(https://img.alicdn.com/imgextra/i4/O1CN01mJX5jI274LPF9vZSH_!!6000000007743-2-tps-117-116.png) no-repeat 256px 188px, url(https://img.alicdn.com/imgextra/i2/O1CN011gy3sm1oD4FOfWWPc_!!6000000005190-2-tps-181-178.png) no-repeat calc(100vw - 270px) 294px;
            background: linear-gradient(154.29deg, rgba(153, 176, 255, 0.12) 16.29%, rgba(115, 136, 244, 0) 83.79%), url(https://img.alicdn.com/imgextra/i1/O1CN01S5jyez1D64PoyleM6_!!6000000000166-2-tps-138-136.png) no-repeat 80px 446px, url(https://img.alicdn.com/imgextra/i4/O1CN01mJX5jI274LPF9vZSH_!!6000000007743-2-tps-117-116.png) no-repeat 256px 188px, url(https://img.alicdn.com/imgextra/i2/O1CN011gy3sm1oD4FOfWWPc_!!6000000005190-2-tps-181-178.png) no-repeat calc(100vw - 270px) 294px;
            background-size: 100%, 136px, 115px, 178px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center
        }

        .logo--2nK8W {
            background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01KscOy91CTb90VWSIs_!!6000000000082-2-tps-405-96.png);
            -ms-flex-item-align: start;
            align-self: flex-start;
            margin-left: 20px;
            width: 120px;
            height: 28px;
            background-size: 100%;
            margin-top: 32px
        }

        .avatar--5T27- {
            width: 108px;
            height: 108px;
            margin-top: 34px;
            background: -o-linear-gradient(270.01deg, rgba(153, 176, 255, 0.16) 0.01%, rgba(180, 192, 255, 0.06) 99.99%);
            background: linear-gradient(179.99deg, rgba(153, 176, 255, 0.16) 0.01%, rgba(180, 192, 255, 0.06) 99.99%);
            border-radius: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .avatar--5T27- img {
            width: 64px;
            height: 64px;
            border-radius: 100%;
            border: 3px solid #fff
        }

        .title--2Ldbl {
            font-size: 20px;
            line-height: 140%;
            margin-top: 18px;
            color: var(--basic_black)
        }

        .form--27maW {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 28px;
            width: 100%;
            padding: 0 20px
        }

        .code-input--2Elzh {
            background: var(--divider_tertiary) !important;
            border-radius: 10px !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            border: none !important;
            max-width: 327px;
            width: 100%;
            height: 50px;
            font-size: 16px;
            line-height: 1.4;
            text-align: center;
            color: var(--context_primary);
            outline: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        .code-input--2Elzh::-webkit-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2Elzh::-moz-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2Elzh:-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2Elzh::-ms-input-placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2Elzh::placeholder {
            color: var(--context_tertiary)
        }

        .code-input--2Elzh:focus,
        .code-input--2Elzh:hover {
            border: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            outline: none !important;
            border-width: 0 !important;
            border-color: transparent !important
        }

        .code-input--2Elzh>input {
            text-align: center !important;
            border: none !important;
            background: transparent !important;
            color: var(--context_primary) !important
        }

        .code-input--2Elzh>input::-webkit-input-placeholder {
            color: var(--context_tertiary) !important
        }

        .code-input--2Elzh>input::-moz-placeholder {
            color: var(--context_tertiary) !important
        }

        .code-input--2Elzh>input:-ms-input-placeholder {
            color: var(--context_tertiary) !important
        }

        .code-input--2Elzh>input::-ms-input-placeholder {
            color: var(--context_tertiary) !important
        }

        .code-input--2Elzh>input::placeholder {
            color: var(--context_tertiary) !important
        }

        .button--fep7l {
            background: -o-linear-gradient(320.88deg, #446dff 0%, rgba(99, 125, 255, 0.75) 100%);
            background: linear-gradient(129.12deg, #446dff 0%, rgba(99, 125, 255, 0.75) 100%);
            -webkit-backdrop-filter: blur(24px);
            backdrop-filter: blur(24px);
            border-radius: 10px;
            max-width: 327px;
            width: 100%;
            height: 50px;
            margin-top: 16px;
            color: var(--basic_white);
            border: 0;
            font-size: 16px;
            line-height: 1.4;
            cursor: pointer
        }

        .button--fep7l[data-is-disabled=true] {
            background: rgba(37, 38, 43, .18);
            cursor: not-allowed
        }

        .button--fep7l:focus {
            border: none;
            outline: 0
        }

        .expired-info--3lrch {
            font-size: 12px;
            line-height: 1.6;
            color: var(--context_tertiary);
            margin-top: 12px
        }
    </style>
    <style>
        .container--1e4v9 {
            height: 100vh;
            overflow: auto
        }
    </style>
    <style>
        body {
            overflow: hidden;
            padding: 0;
            margin: 0
        }
    </style>
    <script src="//g.alicdn.com/secdev/sufei_data/3.9.9/index.js" id="aplus-sufei"></script>
    <script src="//g.alicdn.com/xlly/spl/rp.js"></script>
    <script type="text/javascript" charset="UTF-8"
            src="//fourier.taobao.com/rp?ext=51&amp;data=jm_null&amp;random=5083496557432372&amp;href=https%3A%2F%2Fwww.aliyundrive.com%2Fs%2FT8jceodFeuJ&amp;protocol=https:">
    </script>
    <script async="" src="//log.mmstat.com/eg.js?t=1620358104446"></script>
    <script id="beacon-aplus" src="//g.alicdn.com/alilog/mlog/aplus_v2.js"
            exparams="clog=o&amp;aplus&amp;sidx=aplusSidx&amp;ckx=aplusCkx"></script>

    <div id="root">
        <div class="container--1e4v9">
            <header class="header--3_N8s"><a class="logo--1tGjn" href="https://www.aliyundrive.com/drive"
                                             target="_blank"></a>
                <div class="breadcrumb--3qu55">
                    <div class="header--gtcpf">
                        <img src="{[ .userInfo.Avatar ]}" alt="avatar" class="avatar--1HvTQ"
                             data-spm-anchor-id="0.0.0.i2.36a03575hnpGTB">
                        <div class="desc--JNHvp">
                            <div class="title--2xCjp">{[ .userInfo.NickName ]} 分享的文件</div>
<!--                            <div class="time&#45;&#45;1CPp1">分享于 [分享时间] · [到期时间]</div>-->
                        </div>
                    </div>
                </div>
                <div class="action--9-qBb">

                </div>
            </header>
            <div class="list-container--2l28P">
                <div class="header-wrapper--3PsJc">
                    <div class="list-sum--3uPu7">
                        <div class="checkbox--1xNCh checkbox-container--TNndw" role="checkbox" aria-checked="false"
                             data-checked="false" data-partial="true" data-disabled="false" data-no-padding="false">
                            <div class="ant-dropdown-trigger sort-trigger--zws1a"
                                 data-spm-anchor-id="0.0.0.i14.55c03575uleduo"
                                 onclick="window.open('{[ .ref.url ]}','_self')"><span data-role="icon" data-render-as="svg"
                                                                               data-icon-type="PDSSort" class="sort-icon--208mL icon--d-ejA "><svg
                                    viewBox="0 0 1024 1024">
											<use xlink:href="#PDSSort"></use>
										</svg></span>{[ .ref.title ]}</div>
                        </div>共 {[.count]} 项
                    </div>
                    <div class="right-wrapper--zcyjw"></div>
                </div>
                <div class="node-list--1F7Np" data-view-as="table" style="height: 643px;">
                    <div class="ant-dropdown-trigger trigger-wrapper--1r3AZ">
                        <div style="height: 100%;">
                            <div class="node-list-table-view--2qFqi table--2gS2v">
                                <div class="thead--JwBMm" data-has-checkbox="true">
                                    <div class="tr--5N-1q tr--3Ypim" data-clickable="false" data-has-checkbox="true"
                                         style="cursor: pointer;">
                                        <div class="th--1Uxcs" data-sortable="true" data-is-active="true"
                                             data-col-key="name" style="flex-grow: 1;">
                                            <span class="th-text--35P5A">名称</span>
                                            <span data-role="icon" data-render-as="svg" data-icon-type="PDSArrowUp"
                                                  class="icon--d-ejA "><svg viewBox="0 0 1024 1024">
														<use xlink:href="#PDSArrowUp"></use>
													</svg></span>
                                        </div>
                                        <div class="th--1Uxcs" data-sortable="true" data-is-active="false"
                                             data-col-key="updatedAt" style="width: 200px; flex-grow: 0;">
                                            <span class="th-text--35P5A">修改时间</span>
                                        </div>
                                        <div class="th--1Uxcs" data-col-key="size"
                                             style="width: 160px; flex-grow: 0;">
                                            <span class="th-text--35P5A">文件大小</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="tbody--3Y4Fn " data-sticky="true" data-has-checkbox="true"
                                     draggable="true">

                                    {[range $i, $v := .list]}
                                        <div class="tr--5N-1q tr--3Ypim" data-is-selected="false" data-clickable="true" data-has-checkbox="true" style="cursor: pointer;">
                                            <div class="checkbox--3xYhn checkbox-container--TNndw" role="checkbox" aria-checked="false" data-checked="false" data-partial="false" data-disabled="false" data-no-padding="false"></div><div class="td--GiK_C td--3QAAr" data-col-key="name" style="flex: 1 1 0%; min-width: 0px;"><div class="cover--2UinW file-cover--37ssA" data-size="XXS" data-thumbnail="normal" onclick="window.open(\'[跳转地址]\',\'_self\')"><div class="thumbnail--2LF21" data-fill-mode="cover" data-size="XXS" data-is-loaded="true" >
                                            <img alt="text" class="fileicon--2Klqk fileicon--vNn4M img--VgA1Z" src="{[GetPreviewImg $v]}" data-spm-anchor-id="0.0.0.i0.36a03575Cscu7C">
                                        </div></div>
                                            {[ if eq $v.Type "folder"]}
                                            <p class="text-primary--3DHOJ" onclick="window.open('/main/index?folder={[$v.FileId]}','_self')">{[ $v.Name ]}</p>
                                            <div class="action-wrapper--2ZXmq" onclick="window.open('/main/multiDownload?file={[$v.FileId]}','_self')">
                                            {[else if eq $v.Type "file"]}
                                            <p class="text-primary--3DHOJ" onclick="window.open('/main/preview?file={[$v.FileId]}','_self')">{[ $v.Name ]}</p>
                                                <div class="action-wrapper--2ZXmq" onclick="window.open('/main/download?file={[$v.FileId]}','_self')">
                                            {[ end ]}
                                           <button class="mdui-btn mdui-ripple mdui-btn-icon"><i class="mdui-icon material-icons">arrow_downward</i></button></div></div><div class="td--GiK_C td--3QAAr" data-col-key="updatedAt" style="width: 200px; flex: 0 0 auto;">
                                            <p class="text-secondary--38-Of">{[ Date $v.UpdatedAt 1 ]}</p></div><div class="td--GiK_C td--3QAAr" data-col-key="size" style="width: 160px; flex: 0 0 auto;">
                                            <p class="text-secondary--38-Of">{[ FileSize $v.Size]}</p></div></div>

                                    {[end]}



                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="context-overlay--2879X"></div>
                </div>
            </div>
        </div>
    </div>
    <script src="//g.alicdn.com/code/lib/react/17.0.1/umd/react.production.min.js"></script>
    <script src="https://g.alicdn.com/IMM/office-js/1.1.5/aliyun-web-office-sdk.min.js"></script>
    <script src="https://at.alicdn.com/t/font_2246237_jeki9liasl.js"></script>
    </body>
</html>

{[end]}